jquery - body 上的scrollLeft在firefox中不起作用

Question

我使用 jQuery 鼠标滚轮插件来允许浏览器将向上和向下滚动感知为向左和向右。代码很简单:

$('body').bind('mousewheel', function(event, delta) {
     this.scrollLeft -= (delta * 5);
});

您可以在水平滚动页面上测试此功能:http://jsfiddle.net/Ema2B/13/

这在 Chrome 中效果很好。向下滚动会向右滚动内容 Pane 。如果你把它带入火狐浏览器，它不起作用。我运行了一些测试，Firefox 确实看到了正确的增量值，但由于某种原因它无法理解 scrollLeft 。我设置了一个简单的测试来验证这一点:

$("a.logo").on("click", function(){
      $(body).scrollLeft(300);
});

同样，这在 Chrome 中效果很好，但在 Firefox 中则不然。为什么 Firefox 不允许scrollLeft？

注意:为正文设置 Overflow:hidden 以禁用滚动条。在 chrome 和 firefox 中测试一下 fiddle 看看。

Answer 1

要使其在 Firefox 上运行，选择器除了正文之外还必须包含 $(“html”)。请参阅下面的代码片段:

$("html, body").mousewheel(function(event, delta) {
    this.scrollLeft -= (delta * 30);
});