使用 Chrome 防止 MacBook 上水平触摸板滚动?

发布于 2024-12-27 22:52:52 字数 302 浏览 0 评论 0原文

我想防止在 Macbook 上使用多点触控板、神奇鼠标等在我的网站上进行水平滚动。此问题已在 Firefox 中解决(使用此处的解决方案:防止使用 Firefox 在 MacBook 上水平触摸板滚动?)。但在 Chrome 上它仍然给我带来麻烦。

有什么方法可以阻止 Chrome 上的此功能(例如使用事件侦听器)?谢谢

I would like to prevent horizontal scrolling on my site using the multitouch trackpad on Macbooks, magical mouse etc. This issue is solved for Firefox (using solution from here: Prevent horizontal touch pad scrolling on macbooks using Firefox?). But it still gives me trouble on Chrome.

Is there any way of preventing this functionality on Chrome (e.g. using eventlistener)? Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

貪欢 2025-01-03 22:52:52

我遇到了同样的问题,并且在 CSS 中将 overflow 设置为 hidden 也不起作用。我的解决方案是使用:

jQuery('html, body').css('overflow-x', 'hidden');

我不知道为什么,但在 JavaScript 中它可以工作。

I had the same problem, and setting overflow to hidden in the CSS did not work too. My solution was using:

jQuery('html, body').css('overflow-x', 'hidden');

I dont know why, but in JavaScript it works.

捎一片雪花 2025-01-03 22:52:52

在 CSS 中,您可以使用 overflow-x:hidden; 来防止滚动。如果你将它应用到主体,或者其他专门的元素上,应该可以解决问题。

In CSS, you can use overflow-x: hidden; to prevent scrolling. If you apply it to the body, or another element specifically that should do the trick.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文