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

Question

有人知道如何阻止追踪垫水平滚动吗？

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

http://www.mitchellop.com

但是，如果使用firefox在mac上查看，即使隐藏了x溢出，twofinger触摸板滚动也可让您水平移动。

有什么想法吗？

感谢。

Answer 1

我自己遇到了一个我正在研究的项目。在涉及某些类型的滚动时，Firefox有一些非常奇怪的事件。有点挖掘了MozMousePixelScroll事件。这是我用来压制水平双指滚动的代码：

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

Answer 2

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

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