Cómo deshabilitar el desplazamiento en los navegadores de teléfonos inteligentes y tabletas?

Question

Utilizo el siguiente código para deshabilitar el desplazamiento en los navegadores de escritorio, pero no funciona para la resolución de la pantalla del iPhone.

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

¿Qué más necesito agregar?

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

si tener el evento táctil bloqueada no funciona para usted, usted puede ir siempre así:

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

Answer 2

voy a proporcionar una una pieza que no utiliza jQuery por lo que la el próximo "Javascripter" puede simplemente copiar y pegar:

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