Chrome automatically hides vertical scrollbar

Question

I have a problem.

Basically, I have 3 divs, one main container and two divs that will be half the width of the main container, for example:

<div id="main"> <div id="col1"></div> <div id="cold2"></div> </div> #col1 { overflow-y: auto; width: 48% } #main { width: 100% } #col2 { width: 48% } 

The problem seems to be that every time I dynamically add content to Col1 and I expect to scroll, chrome creates it, but hides it. So I have to go to the element and start scrolling through the wheel to see it. Is there any way to overcome this?

Answer 1

This is the Mac setting that Chrome obeys. Go to System Preferences> General and set the Show Scroll Bars option to Always