スマートフォンやタブレットブラウザでスクロールを無効にするにはどうすればよいですか？

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」は単にコピー＆ペーストできます：

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