在水平列表上使用鼠标滚轮进行水平滚动

Question

我正在尝试使用鼠标滚轮进行水平滚动，但似乎无法正常工作。

这是我的Fiddle

我的主要课程.selector是可滚动overflow

的课程

这是JS我试图用

初始化滚动

 $('.selector').mousewheel(function(e, delta) {
    this.scrollLeft -= (delta * 40);
    e.preventDefault();
});

这是我用于水平滚动https://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

的示例

提前感谢您的帮助！

编辑：谢谢大家，我忘记了小提琴中的jQuery对不起，但是当我在localhost上测试时，我使用的是jQuery 1.11.1，所以也许就是这种情况。干杯球员

Answer 1

你忘了把JQuery添加到你的HTML

http://jsfiddle.net/902tjbzz/

jquery.js：http://code.jquery.com/jquery-2.1.4.min.js

Answer 2

尝试this：

$('.selector').mousewheel(function(e, delta) {
    $(this).scrollLeft(this.scrollLeft + (-delta * 40));
    e.preventDefault();
});

此外，你没有在你的小提琴中加入jQuery。

修改

实际上，唯一的问题是你没有包含jQuery，你的初始代码工作正常。

Answer 3

第一件事：在yor jsfiddle中你忘了包含jquery。

第二件事：我将$('.selector').mousewheel(function(e, delta) {更改为$('.selector').on("mousewheel", function(e, delta) {，然后才能看到该事件被触发。

同时检查您的scrollLeft属性更新逻辑。不要忘记方向（左，右），所以在某些情况下你应该增加减去它的值（

）