使用Chrome防止Macbook上的水平触摸板滚动？

Question

我想使用Macbook上的多点触控板，魔法鼠标等来阻止我网站上的水平滚动。这个问题已经解决了Firefox（使用此处的解决方案：Prevent horizontal touch pad scrolling on macbooks using Firefox?）。但它仍然让我在Chrome上遇到麻烦。

有没有办法在Chrome上阻止此功能（例如使用eventlistener）？感谢

Answer 1

我遇到了同样的问题，在CSS中将overflow设置为hidden也没有用。我的解决方案是使用：

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

我不知道为什么，但是在JavaScript中它起作用。

Answer 2

在CSS中，您可以使用overflow-x: hidden;来阻止滚动。如果你将它应用于身体，或者特别应该采用其他元素。