css:隐藏的 overflow-x 和魔术鼠标/手势

Question

我试图阻止用户水平滚动(客户端要求使用网络应用程序)。使用“overflow-x:hidden”样式很容易做到这一点。事实上，它可以正常工作，因为不再有可见的水平滚动条。

问题是 Apple 的魔术鼠标仍然允许用户在 Safari Mac、Chrome Mac 和 Opera Mac 中水平滑动页面(而在 Firefox Mac 中不能)，即使滚动条被隐藏。

我相信没有必要向您展示 CSS，因为它“技术上”有效:scollbar 隐藏得很好。

但是使用魔术鼠标的滑动手势破坏了它，因为用户仍然可以在左/右方向上移动页面。

是否有任何解决方法、css、javascript 或 jQuery 脚本来禁用 Magic Mouse 或手势的水平滑动？

谢谢。

Answer 1

这是我目前发现的:

$(document).mousewheel(function(event, delta, deltaX, deltaY) {
    if (deltaX != 0){event.preventDefault();}
});

不知道我是否会遇到一些副作用，但到目前为止一切顺利。

它只针对鼠标滑动，而不是手势，但我相信这是两种不同的东西，因为鼠标滑动似乎只被解释为鼠标移动，而不是手势。