我有一个页面,用户可以水平滚动内容,在Chrome中,这个滚动动作有时会触发两个手指向后/向前滑动。如何在特定页面中停用此Chrome的功能,而不禁用水平滚动?
1mrurvl11#
过了很久,我才发现:
html, body { overscroll-behavior-x: none; }
字符串
disho6za2#
我发现这个Chrome设置禁用了以下行为:Chrome://flags/#overscroll-history-navigation只要禁用滚动,它将禁用页面导航使用滚动,但正常的水平滚动页面将工作。在我的结束测试。
aelbi1ox3#
在地址栏中粘贴Chrome://flags,进入 Chrome flags,搜索覆盖历史导航,并将其从默认设置更改为禁用它将提示重新启动浏览器,重新启动它。这应该能解决问题
8hhllhi24#
只能通过禁用滚动本身来禁用此功能:
使用jQuery:
('body').on('wheel', function(e){ e.preventDefault(); });
不使用jQuery:
document.body.addEventListener('wheel', function(e){ e.preventDefault(); });
型此代码将在现代浏览器中工作,但没有跨浏览器测试。此外,主要警告:如果您仍然希望用户能够滚动页面,则必须滚动您自己的滚动才能使其全部工作。
fnatzsnv5#
发布一个非CSS答案,有时你没有访问权限。使用disable-features=OverscrollHistoryNavigation运行chromium/chrome:
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)
--disable-pinch
5条答案
按热度按时间1mrurvl11#
过了很久,我才发现:
字符串
disho6za2#
我发现这个Chrome设置禁用了以下行为:Chrome://flags/#overscroll-history-navigation
只要禁用滚动,它将禁用页面导航使用滚动,但正常的水平滚动页面将工作。在我的结束测试。
aelbi1ox3#
在地址栏中粘贴Chrome://flags,进入 Chrome flags,搜索覆盖历史导航,并将其从默认设置更改为禁用
它将提示重新启动浏览器,重新启动它。
这应该能解决问题
8hhllhi24#
只能通过禁用滚动本身来禁用此功能:
使用jQuery:
字符串
不使用jQuery:
型
此代码将在现代浏览器中工作,但没有跨浏览器测试。此外,主要警告:如果您仍然希望用户能够滚动页面,则必须滚动您自己的滚动才能使其全部工作。
fnatzsnv5#
发布一个非CSS答案,有时你没有访问权限。
使用
disable-features=OverscrollHistoryNavigation
运行chromium
/chrome
:字符串
其他手势相关的标志通常是推荐的(如一个禁用缩放通过捏,
--disable-pinch
),可以在这里找到:https://niek.github.io/chrome-features/,这是官方文档上推荐的博客文章(here, down bottom)