![]() It's possible that not all of the following rules are required, but it took me long enough to stumble upon this magic combination and it appears to work. I found that I had to add height: 100% on the HTML and BODY elements. That is so handy the function name smart scroll. No combination of capturing touchmove, scroll etc events had any effect, and position: relative on body made everything disappear. When my friend is had a samsung galaxy note 3 he showed me one function witch I miss. I'm late to the party, but I'm adding this answer because none of the other things I tried worked in my specific situation. (Be wary of the advice of some to add attributes like initial-scale and width to the meta tag if you're using a canvas, because canvasses scale their contents, unlike block elements, and you'll wind up with an ugly canvas, more often than not). ![]() Which you do with the meta tag in your markup: Īll of these put together give you an app-like experience, probably a best fit for canvas. However, scrolling is one thing, but you probably want to disable zoom as well. Choose from the following options: GPS, Wi-Fi, and mobile networks : This option has the highest level of accuracy, using GPS, Wi-Fi, and mobile data networks interchangeably to estimate your location. Window.addEventListener("touchmove", preventMotion, false) Īnd in your stylesheet, make sure your body and html tags include the following: html: To answer OP, the only thing you seem to need to do to disable scrolling is intercept the window's scroll and touchmove events and call preventDefault and stopPropagation on the events they generate like so window.addEventListener("scroll", preventMotion, false) ![]() I suspect most everyone really wants to disable zoom/scroll in order to put together a more app-like experience because the answers seem to contain elements of solutions for both zooming and scrolling, but nobody's really nailed either one down.
0 Comments
Leave a Reply. |