如何禁用智能手機和平板電腦瀏覽器的滾動功能？

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