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

【问题标题】：Horizontal scroll with mouse wheel on horizontal list在水平列表上使用鼠标滚轮进行水平滚动
【发布时间】：2016-03-14 20:21:36
【问题描述】：

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

这是我的Fiddle

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

这是我正在尝试用

初始化滚动的 JS

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

提前感谢您的帮助！

编辑： 谢谢大家，我忘记了 Fiddle 中的 jQuery 是的，抱歉，但是当我在 localhost 上进行测试时，我使用的是 jQuery 1.11.1，所以可能就是这样。伙计们干杯

【问题讨论】：

【解决方案1】：

试试this:

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

另外，您的小提琴中没有包含 jQuery。

编辑

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

【讨论】：

【解决方案2】：

您只是忘记将 JQuery 添加到您的 html 中

【讨论】：

【解决方案3】：

第一件事：在你的 jsfiddle 中你忘记包含 jquery。

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

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

【讨论】：