与鼠标轮的水平的纸卷在水平的名单上

我正在尝试用鼠标滚轮进行水平滚动,但似乎不起作用.

这是我的小提琴

我的主要类.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,所以也许就是这种情况.干杯伙计们

你只是忘了将JQuery添加到你的HTML

http://jsfiddle.net/902tjbzz/

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

试试这个:

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

此外,你没有在你的小提琴中包含jQuery.

编辑

实际上,唯一的问题是你没有包含jQuery,你的初始代码运行正常.