javascript - 如何防止移动端Chrome的下拉刷新

Question

我想阻止移动 chrome(尤其是 iOS chrome)的下拉刷新。我的 Web 应用程序具有设备宽度和设备高度视口(viewport)的垂直平移事件，但每当向下平移时，由于浏览器的默认功能，移动版 chrome 会自行刷新。另外，在 Safari 浏览器上，屏幕在平移事件期间滚动。我想禁用这些 Action 。

当然，我试过 event.preventDefault();和触摸 Action :无；但它看起来不工作。我应该在“ body 标签”上添加 eventListner 和触摸 Action 吗？我希望通过示例获得有用的答案。

Answer 1

对于最新版本的 Chrome:

html,
body {
    overscroll-behavior-y: contain;
}

旧的解决方案:

由于移动版 Chrome >= 56 默认情况下事件监听器是被动的，被动事件监听器无法再阻止默认​​设置。 See here您必须像这样使用事件事件监听器:

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