使用Firefox防止在macbook上水平滚动触控板

Question

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

我的网站有一个故意溢出，你使用一些javascript滚动条导航。

http://www.mitchellop.com

然而，如果在使用firefox的mac上查看，即使隐藏了x-overflow，双指触控板滚动也可以让你水平移动。

任何想法?

谢谢。

Answer 1

我自己在一个项目中遇到了这个问题。当涉及到某些类型的滚动时，Firefox有一些非常奇怪的事件。稍微挖掘一下MozMousePixelScroll事件。下面是我用来抑制水平双指滚动的代码:

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

Answer 2

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

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