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);

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

2 个答案: