javascript - 鼠标滚轮水平滚动

Question

引用下面的例子:

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

它在 Chrome 下工作，但在 Firefox 下不工作。

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

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

Answer 1

我做了一个 fiddle ，你有一个水平鼠标滚动的工作示例。

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