javascript - 防止 iOS Safari 移动网页窗口，以便发生拖动事件

Question

我在多点触控上使用 Pep.js 进行动态拖动，但我的拖动事件没有被注册，因为当我尝试在 iOS 上的 Safari 中拖动对象时，窗口本身会移动并跟随我的拖动。

如何防止浏览器窗口跟随我的拖动，以便<div>可以拖动我的网页？

这是有问题的网页：http: //goo.gl/TsHgh。单击链接并<div>滑入，这是可拖动的 div。它适用于桌面浏览器，但不能在多点触控上拖动，因为 safari 会随着我的拖动移动窗口。

score 35 · Accepted Answer

CSS：

html, body {
  overflow:hidden;
}

JS：

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

score 0 · Accepted Answer

您的动画是导致问题的原因。

好吧，你的动画被应用到的类。

动画完成后删除类。

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

此外，要禁用窗口上的滚动：

html, body{
    overflow:hidden;
}

score -1 · Accepted Answer

尝试添加

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

在您的 html 中添加 head 标签

3 回答 3