Cómo deshabilitar el rebote en la aplicación para iphone de pantalla completa html5?

Question

Quiero hacer la aplicación html5 a pantalla completa. Hice una página y la agregué como un ícono a mi iphone. Añadí metatags:

<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="apple-mobile-web-app-status-bar-style" content="black"> 
<meta name="viewport" content="width=device-width, user-scalable=no" /> 

Lo que quería lograr es: barra de estado negro en la parte superior (esto no funciona y yo no sé por qué Todavía es barra de estado por defecto ... ideas de nadie.?) Y sin posibilidad para hacer zoom (como en la aplicación de Facebook) - esto funciona bien.

Ahora el problema: puedo desplazarme en mi iphone incluso si mi aplicación se ajusta a la pantalla. Rebota, pero no quiero este comportamiento. Me gustaría desactivar eso y habilitar el desplazamiento de un div (.ui-content) en particular. ¿Cómo puedo lograr eso?

EDITAR: barra de estado es negro ahora. Se modificó después de un tiempo. ¿La versión anterior estaba en caché en el iPhone o qué?

Answer 1

Esto evitará el desplazamiento en toda la página

document.ontouchmove = function(e) {e.preventDefault()}; 

En su caso, donde desea algunos divs para ser desplazable, y algunos no, usted debería ser capaz de capturar el evento antes de que llegue a la documento

scrollableDiv.ontouchmove = function(e) {e.stopPropagation()}; 

Answer 2

Si su uso de Córdoba 1.7+, abra el archivo Cordova.plist y establecer la clave para UIWebViewBounce NO

Answer 3

Extendiendo el acercamiento de dmanxii esto es lo que estamos haciendo.

$("body").on("touchmove", function (event) { 
     if ($(event.target).is(".WhatEverClass") || $(event.target).parentsUntil().is(".ParentClass")) { 
      //console.log("NOT Disabled"); 
     } 
     else { 
      //console.log("Disabled"); 
      event.preventDefault(); 
     } 
    });