鼠标滚轮水平滚动

Question

参考以下示例：

http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

在Chrome下它是有效的，但在Firefox下却无效。

在Firefox中，您只能使用箭头键而不是鼠标滚轮进行滚动。

有人知道为什么会发生这种情况吗？

- Rafff

Answer 1

我创建了一个小程序，展示了如何实现横向鼠标滚动的工作示例。

你可以在以下链接中查看：http://jsfiddle.net/ata68xr6/ 这个小程序使用了 jquery.mousewheel.js 和 jquery。函数内容如下：

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

- Adam Swén

Answer 2

以下是在您提供的网站评论中发布的解决方案：

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

- Rick Hitchcock