如何防止移动铬的下拉刷新

我想防止下拉刷新移动铬（特别是iOS铬）。 我的Web应用程序具有设备宽度和设备高度视口的垂直平移事件，但每次平移时，由于浏览器的默认function，手机浏览器会刷新自身。 另外，在Safari浏览器中，在平移事件期间屏幕正在滚动。 我想要禁用这些动作。

当然，我试过event.preventDefault（）; 和触摸动作：无; 但是看起来不行。 我应该添加eventListner和触摸动作“身体标签”？ 我希望有用的例子。

Answer 1

你应该看到下面的谷歌文章。 它回答并提供了一个工作演示。

https://docs.google.com/document/d/12Ay4s3NWake8Qd6xQeGiYimGJ_gCe0UMDZKwP9Ni4m8/mobilebasic

Answer 2

由于默认情况下移动Chrome浏览器= 56个事件侦听器是被动的，而被动事件侦听器无法阻止默认设置。 看这里

您需要使用活动事件侦听器，而不是像这样：

document.addEventListener('touchstart', touchstartHandler, {passive: false}); document.addEventListener('touchmove', touchmoveHandler, {passive: false}); 

这里有个工作的例子：

https://output.jsbin.com/niyukadizu/quiet

https://output.jsbin.com/niyukadizu