If you use the overflow:hidden
hack on the
element, to get back normal scrolling behavior, you can position a absolutely inside of the element to get scrolling back with
overflow:auto
. I think this is the best option, and it's quite easy to implement using only css!
Or, you can try with jQuery:
$(document).bind(
'touchmove',
function(e) {
e.preventDefault();
}
);
Same in javasrcipt:
document.addEventListener(
'touchmove',
function(e) {
e.preventDefault();
},
false
);
Last option, check ipad safari: disable scrolling, and bounce effect?