css：隐藏的overflow-x和魔法鼠标/手势

Question

我尝试阻止用户水平滚动（客户端询问网络应用程序）。使用＆＃34; overflow-x：hidden＆＃34;这很容易。样式。 事实上，它可以工作，因为没有可见的水平滚动条。

问题在于Apple的神奇鼠标仍允许用户在Safari Mac，Chrome Mac和Opera Mac中水平滑动页面（虽然他不能在Firefox Mac中），即使隐藏了滚动条。

我相信没有必要向你展示CSS ......技术上＆＃34;作品：scollbar隐藏得很好。

但是用魔法鼠标轻扫手势会使用它仍然可以在用户仍然可以向左/右方向移动页面。

使用Magic Mouse或手势禁用水平滑动的任何变通方法，css，javascript或jQuery脚本？

谢谢。

Answer 1

这是我到目前为止所发现的：

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

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

它只针对鼠标滑动，而不是手势，但我相信这些是两个不同的东西，因为看起来鼠标滑动仅被解释为鼠标移动，而不是手势。