阻止iOS Safari访问移动网页窗口,以便可以进行拖动事件

Question

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

如何阻止浏览器窗口跟踪我的拖动,以便<div>可以拖动我的网页？

这是有问题的网页:http://goo.gl/TsHgh.点击链接和<div>幻灯片,这是可拖动的div.它适用于桌面浏览器,但无法在多点触控上拖动,因为safari会随着我的拖动移动窗口.

Answer 1

我在使用#ionicframework时找到了这个解决方案

CSS:

html, body {
  overflow:hidden;
}

JS:

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

Answer 2

尝试添加

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

到 html 中的 head 标签