列表上鼠标滚轮的水平滚动:反向

时间:2015-04-24 07:49:39

标签: jquery css html5 mousewheel

我实现了这个代码,当我使用鼠标滚轮滚动我的水平列表时工作正常:

$('#wall_list_ul').mousewheel(function(e, delta) {
    this.scrollLeft -= (delta * 70);
    e.preventDefault();
});

问题在于我使用时:

  • 鼠标滚轮向上,我的列表从左向右滚动。
  • 鼠标滚轮向下走,我的列表从右向左滚动。

我想扭转这种行为:当我使用时:

  • 鼠标滚轮向上,我的列表从右向左滚动。
  • 鼠标滚轮向下走,我的列表从左向右滚动。

我如何调整代码来做到这一点?

1 个答案:

答案 0 :(得分:2)

由于我的简单评论已经是问题的答案,我也会在这里发布。

要更改方向,您只需要使用鼠标滚轮反转操作。所以,而不是降低scrollLeft值

this.scrollLeft -= (delta * 70);

使用

增加它
this.scrollLeft += (delta * 70);