Empêcher le safari iOS de déplacer la fenêtre de la page Web afin que l'événement de glisser puisse se produire

Je suis en utilisant Pep.js pour la cinétique de glisser sur le multi-touch, mais ma événements de glissement ne sont pas enregistrés parce que quand j'essaie de glisser un objet dans le safari sur iOS, fenêtre de la fenêtre elle-même se déplace et suit mes glisser.

Comment puis-je prévenir la fenêtre du navigateur de la suite de ma faire glisser de sorte que le <div> dans ma page web peut être déplacé?

Voici la page en question: http://goo.gl/TsHgh. Cliquez sur le lien et un <div> diapositives, c'est que la div qui est déplaçable. Il fonctionne sur les navigateurs de bureau, mais ne peut pas être déplacé sur multi-touch safari déplace la fenêtre avec mes glisser.

source d'informationauteur Django Johnson

  1. 26

    J'ai trouvé cette solution, tout en travaillant avec le #ionicframework

    CSS:

    html, body {
  overflow:hidden;
}

    JS:

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

    Votre animation est ce qui est à l'origine du problème.

    Bien, la classe de votre animation est appliquée à l'.

    De supprimer la classe après l'animation est réalisée.

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

    Aussi, pour désactiver le défilement de la fenêtre:

    html, body{
    overflow:hidden;
}
  3. -2

    Essayez d'ajouter 

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

    À la tête de balise html