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

5kgi1eie  于 9个月前  发布在  Go
关注(0)|答案(5)|浏览(193)

我有一个页面,用户可以水平滚动内容,在Chrome中,这个滚动动作有时会触发两个手指向后/向前滑动。
如何在特定页面中停用此Chrome的功能,而不禁用水平滚动?

1mrurvl1

1mrurvl11#

过了很久,我才发现:

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

字符串

disho6za

disho6za2#

我发现这个Chrome设置禁用了以下行为:Chrome://flags/#overscroll-history-navigation
只要禁用滚动,它将禁用页面导航使用滚动,但正常的水平滚动页面将工作。在我的结束测试。

aelbi1ox

aelbi1ox3#

在地址栏中粘贴Chrome://flags,进入 Chrome flags,搜索覆盖历史导航,并将其从默认设置更改为禁用
它将提示重新启动浏览器,重新启动它。
这应该能解决问题

8hhllhi2

8hhllhi24#

只能通过禁用滚动本身来禁用此功能:

使用jQuery:

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

字符串

不使用jQuery:

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


此代码将在现代浏览器中工作,但没有跨浏览器测试。此外,主要警告:如果您仍然希望用户能够滚动页面,则必须滚动您自己的滚动才能使其全部工作。

fnatzsnv

fnatzsnv5#

发布一个非CSS答案,有时你没有访问权限。
使用disable-features=OverscrollHistoryNavigation运行chromium/chrome

# Run Chromium or Chrome with following flag
chromium --disable-features=OverscrollHistoryNavigation

字符串
其他手势相关的标志通常是推荐的(如一个禁用缩放通过捏--disable-pinch),可以在这里找到:https://niek.github.io/chrome-features/,这是官方文档上推荐的博客文章(here, down bottom

相关问题