2

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

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

http://www.mitchellop.com

但是，如果使用 Firefox 在 Mac 上查看，双指触摸板滚动允许您水平移动，即使 x-overflow 被隐藏。

有任何想法吗？

谢谢。

4

2 回答 2

2

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

window.addEventListener('MozMousePixelScroll', function(evt){
    if(evt.axis === evt.HORIZONTAL_AXIS){
        evt.preventDefault();
    }
}, false);
于 2011-06-30T20:08:30.030 回答
0

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

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

于 2011-05-03T16:14:37.120 回答