CODEWITHSUNDEEP
javascriptcssipadsafariscroll
meowmers
meowmers

Reputation: 139

Javascript/CSS to disable rubber-band end of page scroll for Safari on iPad?

It's that grey area at when you've reached the bottom of the page. I've tried it all!

Viewports, overflow, etc. The methods that do what I need (lock the page in place) also disable zoom, which I need. My web app involves people grabbing moveable images and divs. If they touch the background instead and drag, then the whole page drags and snaps - it is irritating, but not the end of the world.

Upvotes: 3

Views: 4559

Answers (2)

Slappy
Slappy

Reputation: 4092

iScroll does a fantastic job of handling framed scrolling. It may be worth looking at.

http://cubiq.org/iscroll-4

Upvotes: 0

Robot Woods
Robot Woods

Reputation: 5687

you can add a touchmove listener to the body so that it doesn't react like the other elements:

document.body.addEventListener('touchmove',function(event){ event.preventDefault(); },false);

Upvotes: 2

Related Questions