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

habilitar y deshabilitar textbox en jquery

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 bloqueado no funciona para usted, siempre puede hacerlo así:

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

Answer 2

Voy a proporcionar una pieza que no utilice jQuery para que el próximo "Javascripter" pueda 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);