如何禁用智能手机和平板电脑浏览器的滚动功能？

Question

我使用以下代码来禁用桌面浏览器中的滚动，但它不适用于iPhone屏幕分辨率。

$("html").css("overflow", "hidden"); 

我还需要补充什么？

Answer 1

//target the entire page, and listen for touch events 
$('html, body').on('touchstart touchmove', function(e){ 
    //prevent native touch activity like scrolling 
    e.preventDefault(); 
}); 

如果有堵塞的触摸事件不会为你工作，你总是可以是这样的：

html, body{ 
    max-width:100%; 
    max-height:100%; 
    overflow:hidden; 
} 

Answer 2

我会提供了一块不利用jQuery的，因此下一个“Javascripter”只能复制'n'paste：

var defaultPrevent=function(e){e.preventDefault();} 
document.body.parentElement.addEventListener("touchstart", defaultPrevent); 
document.body.parentElement.addEventListener("touchmove" , defaultPrevent); 
document.body.addEventListener("touchstart", defaultPrevent); 
document.body.addEventListener("touchmove" , defaultPrevent);