Verhindern iOS Safari von bewegten Web-Seite Fenster, so kann Ereignis ziehen passieren

Question

Ich benutze Pep.js für kinetische ziehen auf Multi-Touch, aber meine Drag-Ereignisse werden nicht registriert, weil, wenn ich versuche, ein Objekt in der Safari zu ziehen , auf iOS, Fenster bewegt sich das Fenster selbst und folgt meinem Ziehen.

Wie kann ich verhindern, dass das Browserfenster meinem Ziehen folgt, so dass die <div> in meiner Webseite gezogen werden kann?

Hier ist die fragliche Webseite: http://goo.gl/TsHgh. Klicken Sie auf den Link und ein <div> gleitet in, es ist das div, das ziehbar ist. Es funktioniert auf Desktop-Browsern, kann aber nicht auf Multi-Touch gezogen werden, da Safari das Fenster mit meinem Ziehen bewegt.

Answer 1

Versuchen

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

Um head-Tag in Ihrem HTML

Answer 2

Ihre Animation ist hinzuzufügen, was das Problem verursacht.

Nun, die Klasse, auf die Ihre Animation angewendet wird.

Entfernen Sie die Klasse, nachdem die Animation fertig ist.

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

Auch deaktivieren auf das Fenster scrollen:

html, body{ 
    overflow:hidden; 
} 

Answer 3

ich diese Lösung gefunden zu haben, während sie mit dem #ionicframework

CSS arbeiten:

html, body { 
    overflow:hidden; 
} 

JS:

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