Search code examples
javascriptcssoverflowandroid-browseropera-mobile

How to make scrollbars in android browsers


How to use overflow-y in android browsers, for example in opera mobile? If I create a div with overflow-y style, thenn it wont work, like in the desktop browsers.

So I want to make vertical-scrollable div, without using any libraries. Please give me some instructions.

Thanks in advance,


Solution

  • Make two divs:

    <div class='parent-of-scroller'>
        <div class='scrollable-item'>
            ... your content ... 
        </div>
    </div>
    

    For outer div, set overflow:hidden control the placement of scroll position of internal div by managing its margin-top using javascript. I believe you can make use of the touch events to control the scroll position of the internal div