javascript - 滑动时禁用网页导航(后退和前进)

Question

在 Windows 手机上，在 IE 中，如果滑动来自边缘，用户可以通过在屏幕上滑动来后退和前进。此操作系统级功能阻碍了我网页的用户体验。

是否有任何 js 或 css 可以禁用它？一些 hack 也可以。

windowsphone 网站截图:

这是引用页的链接:http://www.windowsphone.com/en-in/how-to/wp8/basics/gestures-swipe-pan-and-stretch

请注意，我仍然需要为水平滚动启用触摸 Action 。

Answer 1

您应该以两种方式尝试此解决方案:

1) 仅针对 Chrome/Firefox 的 CSS 修复

 html, body {
    overscroll-behavior-x: none;
}

2) Safari 的 JavaScript 修复

if (window.safari) {
  history.pushState(null, null, location.href);
  window.onpopstate = function(event) {
      history.go(1);
  };
}

随着时间的推移，Safari 将执行 overscroll-behavior-x我们将能够删除 JS hack

iOS 7 - is there a way to disable the swipe back and forward functionality in Safari? 可能重复