13

マルチタッチでのキネティック ドラッグに Pep.js を使用していますが、iOS のサファリでオブジェクトをドラッグしようとすると、ウィンドウ自体が移動し、ドラッグに追従するため、ドラッグ イベントが登録されません。

Web ページ内の をドラッグできるように、ブラウザ ウィンドウがドラッグに追随しないようにするにはどうすれば<div>よいですか?

問題の Web ページは次のとおりです: http://goo.gl/TsHgh。リンクをクリックすると<div>スライドインします。ドラッグ可能なのはその div です。デスクトップブラウザーでは動作しますが、サファリは私のドラッグに合わせてウィンドウを移動するため、マルチタッチではドラッグできません。

4

3 に答える 3

35

#ionicframeworkで作業中にこの解決策を見つけました

CSS:

html, body {
  overflow:hidden;
}

JS:

$(window).bind(
  'touchmove',
   function(e) {
    e.preventDefault();
  }
);
于 2014-05-31T00:07:24.090 に答える
0

あなたのアニメーションが問題の原因です。

さて、あなたのアニメーションが適用されているクラスです。

アニメーションが完了したら、クラスを削除します。

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

また、ウィンドウのスクロールを無効にするには:

html, body{
    overflow:hidden;
}
于 2013-06-12T18:16:02.653 に答える
-1

追加してみる

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

html で head タグを付けるには

于 2013-06-12T14:43:37.487 に答える