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

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

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

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

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

CSS:

 html, body { overflow:hidden; } 

JS:

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

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

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

animation完成后移除类。

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

另外,要禁止在窗口上滚动:

 html, body{ overflow:hidden; } 

尝试添加

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

在你的html头标签