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

Question

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

如何在不禁用水平滚动的情况下在特定页面中停用此Chrome功能？

Answer 1

经过很长时间，我发现了这一点：

body {
  overscroll-behavior-x: none;
}

如果这对其他人有帮助，“body”和带有“overflow”的元素不起作用，但将“overscroll-behavior-x”放在“html”元素本身对我来说确实有用。 (5认同)

Answer 2

我发现此 chrome 设置禁用了该行为： chrome://flags/#overscroll-history-navigation

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