禁用Chrome两个手指后退/前进滑动

Question

我有一个页面，用户可以在其中水平滚动内容，而在Chrome中，此滚动操作有时会触发两个手指向后/向前滑动。

如何在特定页面中停用此Chrome功能，而不禁用水平滚动？

Answer 1

过了太久，我发现了这个：

body {
  overscroll-behavior-x: none;
}

Answer 2

只能通过禁用滚动来禁用此功能：

使用jQuery：

('body').on('wheel', function(e){ e.preventDefault(); });

没有jQuery：

document.body.addEventListener('wheel', function(e){ e.preventDefault(); });

此代码适用于Modern浏览器，但未经过跨浏览器测试。此外，MAJOR CAVEAT：如果您仍然希望用户能够滚动页面，那么您必须滚动自己的滚动才能使其全部工作。

Answer 3

我发现此Chrome设置禁用了该行为： 铬：//标志/＃反弹时历史导航

只需禁用过度滚动，它将使用滚动禁用页面导航，但页面上的正常水平滚动将起作用。 在我的身上测试过。