css：隐藏溢出x和神奇鼠标/手势

我试图阻止用户水平滚动（客户端要求提供web应用程序）。使用“overflow-x:hidden”样式很容易做到这一点。 事实上，它的工作原理是不再有可见的水平滚动条

问题是，苹果的神奇鼠标仍然允许用户在Safari Mac、Chrome Mac和Opera Mac中水平滑动页面（而在Firefox Mac中则不行），即使滚动条是隐藏的

我相信没有必要向您展示CSS，因为它“技术上”是有效的：scollbar是隐藏的

但是，由于用户仍然可以向左/向右移动页面，因此使用魔法鼠标的滑动手势会破坏它

有没有解决办法，css、javascript或jQuery脚本来禁用使用神奇鼠标或手势的水平滑动

---

多谢各位

这是我目前发现的：

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

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

---

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

您是否尝试过

-webkit overflow scroll:touch

我在谷歌上搜索了您的css属性，但它没有返回任何内容。我到底把它放在哪里？我试着用body标签，但没有成功。你能告诉我更多关于这件事吗？非常感谢。我发现了这一点，但即使如此，当应用于身体时，它仍然会水平滑动：-webkit溢出滚动：touchive以前用于手机，但在重新阅读您的问题后，它与此无关。这种方法的一个缺点是，放大时，水平滚动也是不可能的。