鼠标滚轮水平滚动

【问题标题】：Mousewheel horizontal scrolling鼠标滚轮水平滚动
【发布时间】：2014-08-10 11:30:57
【问题描述】：

参考以下示例：

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

它在 Chrome 下可以工作，但在 Firefox 下不行。

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

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

【问题讨论】：

标签： javascript scroll mousewheel

【解决方案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();
   });
});

【讨论】：

【解决方案2】：

这是作为解决方案发布在您引用的网站的 cmets 中的：

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

【讨论】：