jQuery.overflowAndroid
The jQuery plugin that is wrapper of OverflowAndroid.
The polyfill for overflow:scroll
/ overflow:auto
and element.scrollLeft
/ element.scrollTop
on Android browser.
Android browser has problems as below:
overflow:scroll
andoverflow:auto
don't work on Android 2.x. The elements don't accept scroll operations (swipe, flick, drag, etc.).element.scrollLeft
andelement.scrollTop
don't work on Android 4.0.x. The elements can't scroll via JavaScript. Strange to say, the element that is setoverflow:hidden
can scroll. But of course that element doesn't accept scroll operations.
OverflowAndroid solves above problems both.
Usage
Hammer.js is required.
<!-- This `overflow:auto` isn't necessary. It works on desktop PC as native. --> <!-- Like an iframe window --> <!-- Like an iframe document -->
var element = ;// Now, the element accepts scroll operations (swipe, flick, drag, etc.). // And it can scroll via scrollLeft/scrollTop. Therefore animate() method works.element; // OverflowAndroid instance can be got via data('overflowAndroid') method.elementdata'overflowAndroid';