Impedisci a iOS Safari di spostare la finestra della pagina Web in modo da trascinare l'evento può accadere

Question

Sto utilizzando Pep.js per il trascinamento cinetico su multi-touch, ma i miei eventi di trascinamento non vengono registrati perché quando provo a trascinare un oggetto nel safari , su iOS, finestra si muove la finestra stessa e segue la mia resistenza.

Come posso impedire alla finestra del browser di seguire il trascinamento in modo da poter trascinare il numero nella mia pagina Web?

Questa è la pagina Web in questione: http://goo.gl/TsHgh. Fare clic sul collegamento e una diapositiva <div>, è quel div che è trascinabile. Funziona su browser desktop, ma non può essere trascinato su multi-touch perché Safari sposta la finestra insieme al mio trascinamento.

Answer 1

tenta di aggiungere

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

Per dirigere tag nel tuo html

Answer 2

L'animazione è quello che causa il problema.

Bene, la classe a cui viene applicata l'animazione.

Rimuovere la classe al termine dell'animazione.

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

Inoltre, per disattivare lo scorrimento sulla finestra:

html, body{ 
    overflow:hidden; 
} 

Answer 3

Ho trovato questa soluzione durante il lavoro con la #ionicframework

CSS:

html, body { 
    overflow:hidden; 
} 

JS:

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