使用 Firefox 防止 MacBook 上水平触摸板滚动？

Question

有人知道如何阻止触控板水平滚动吗？

我的网站故意溢出，您可以使用一些 javascript 滚动条进行导航。

http://www.mitchellop.com

但是，如果使用 Firefox 在 Mac 上查看，双指触摸板滚动可让您即使 x 溢出被隐藏，也可以水平移动。

有什么想法吗？

谢谢。

Answer 1

我自己在正在进行的一个项目中遇到了这个问题。当涉及到某些类型的滚动时，Firefox 会发生一些非常奇怪的事件。稍微挖掘一下就发现了 MozMousePixelScroll 事件。这是我用来抑制水平两指滚动的代码：

window.addEventListener('MozMousePixelScroll', function(evt){
    if(evt.axis === evt.HORIZONTAL_AXIS){
        evt.preventDefault();
    }
}, false);

Answer 2

相反，您可以通过相对定位并更改左侧值或使用 CSS 转换（不需要重新绘制，因此速度更快）来移动内部内容。

这可能需要也可能不需要大量重写，但它会起作用。