Wie kann das Scrollen in Smartphone- und Tablet-Browsern deaktiviert werden?

Question

Ich benutze den folgenden Code, um Scrollen in Desktop-Browsern zu deaktivieren, aber es funktioniert nicht für iPhone-Bildschirmauflösung.

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

Was muss ich noch hinzufügen?

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

wenn das Berührungsereignis mit blockiert ist nicht für Sie arbeiten, Sie immer so gehen:

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

Answer 2

Ich werde ein ein Stück schaffen, das nicht jQuery nicht nutzen, so dass die nächste "Javascripter" kann nur kopieren und 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);