Impedir que Safari iOS se mueva de la window de la página web para que suceda el evento de arrastre.

Estoy usando Pep.js para arrastre cinético en multitáctil, pero mis events de arrastre no se registran porque cuando trato de arrastrar un object en el safari, en iOS, la window se mueve y sigue mi arrastre.

¿Cómo puedo evitar que la window del browser siga mi arrastre para que se pueda arrastrar el <div> en mi página web?

Aquí está la página web en cuestión: http://goo.gl/TsHgh . Haga clic en el enlace y se <div> una <div> , es ese div que se puede arrastrar. Funciona en browseres de escritorio, pero no se puede arrastrar en multitáctil porque safari mueve la window junto con mi arrastre.

Encontré esta solución mientras trabajaba con #ionicframe

CSS:

 html, body { overflow:hidden; } 

JS:

 $(window).bind( 'touchmove', function(e) { e.preventDefault(); } ); 

Tu animation es lo que está causando el problema.

Bueno, la class a la que se está aplicando la animation.

Elimina la class después de que se haya completado la animation.

 setTimeout(function(){ $('#tabViewWindow').removeClass('animated').removeClass('bounceInRight'); }, 1200); 

Además, para deshabilitar el desplazamiento en la window:

 html, body{ overflow:hidden; } 

No parece posible desactivar esta function. Esta es una nueva característica en iOS7. consulta este artículo, http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review search "History Gesture", dice, "No hay forma de evitar estos gestos, ya que son gestionados por el sistema operativo o el browser en sí.

Intente agregar

 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/> 

Para encabezar la label en tu html