防止iOS Safari浏览器移动网页窗口，因此拖动事件可能发生

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

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

这里是有问题的网页： http ： //goo.gl/TsHgh 。 点击链接，一个<div>幻灯片，这是可拖动的div。 它适用于桌面浏览器，但不能在多点触摸上拖动，因为Safari会随着拖动一起移动窗口。

Answer 1

我在使用#ionicframework时发现了这个解决scheme

CSS：

 html, body { overflow:hidden; } 

JS：

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

Answer 2

你的animation是什么造成的问题。

那么，你的animation正在被应用到的类。

animation完成后移除类。

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

另外，要禁止在窗口上滚动：

 html, body{ overflow:hidden; } 

Answer 3

似乎不可能禁用此function。 这是IOS7中的新function。 看看这篇文章， http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-reviewsearch“历史手势”，它说，没有办法来阻止这些手势，因为他们是由操作系统或浏览器本身。

Answer 4

尝试添加

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

在你的html头标签