鼠标滚轮水平滚动

Question

参考以下示例：

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

它可以在Chrome下运行，但不适用于Firefox。

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

有人知道为什么会这样吗？

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();
   });
});

Answer 2

这是在您引用的网站的评论中发布的解决方案：

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