webkit - Prevent scrolling in Android browser -
is there way prevent scrolling of rendered html page in android browser? following not appear have impact on page scrolling in android browser:
var preventdefault = function(e) { e.preventdefault(); return false; }; document.addeventlistener('touchmove',preventdefault,false); document.body.addeventlistener('touchmove',preventdefault,true); window.addeventlistener('touchmove',preventdefault,true);
(i've tried bubbling on , off.)
it looks me android webkit makes "window" same length document, scrolling being done on browser itself, not on document body or dom window object. what's weird that's webkit on ios does, code above still works.
answering own question.
the problem ended being need capture , suppress ontouchstart
ontouchmove
on document
stop browser scrolling. different in ios, still works identically on both platforms.
the actual code ended using looks sort of this:
var preventdefault = function(e){ e.preventdefault(); }; var touchstart = function(e) { document.addeventlistener('touchstart', preventdefault,false); document.addeventlistener('touchmove', preventdefault,false); /*do other stuff*/ }; var touchend = function(e) { document.removeeventlistener('touchstart', preventdefault,false); document.removeeventlistener('touchmove', preventdefault,false); }; element.addeventlistener('touchstart', touchstart, false); element.addeventlistener('touchend', touchend, false);
Comments
Post a Comment