¿Cómo desactivo el desplazamiento en una aplicación web de iPad?

Question

El habitual:

document.body.addEventListener('touchmove',function(event){event.preventDefault();},false); 

no funciona para mí. Estoy tratando de hacer que mi webapp iPad se sienta lo más nativa posible. Cualquier respuesta es apreciada.

Answer 1

Ponga ese controlador en el elemento document directamente, no en el body.

que he tenido éxito con lo siguiente:

<meta name="viewport" content="user-scalable=1.0,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"> 
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="format-detection" content="telephone=no"> 

continuación con jQuery:

$(document).bind('touchmove', false); 

Esto también será útil si desea manejar diferentes orientaciones:

<link rel="stylesheet" type="text/css" href="css/main.css" media="all"> 
<link rel="stylesheet" type="text/css" href="css/landscape.css" media="all and (orientation:landscape)"> 
<link rel="stylesheet" type="text/css" href="css/portrait.css" media="all and (orientation:portrait)">