【问题标题】:Horizontal scroll on mousewheel on list : reverse direction列表上鼠标滚轮上的水平滚动:反向
【发布时间】:2015-04-24 07:49:39
【问题描述】:

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

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

问题是当我使用时:

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

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

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

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

【问题讨论】:

  • 你试过this.scrollLeft += (delta * 70);(所以增加scrollLeft值)吗?
  • 我是诀窍!谢谢!

标签: jquery css html mousewheel


【解决方案1】:

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

要改变方向,你只需要使用鼠标滚轮反转动作。所以,而不是减少 scrollLeft 值

this.scrollLeft -= (delta * 70);

通过使用增加它

this.scrollLeft += (delta * 70);

【讨论】:

    猜你喜欢
    • 2015-02-25
    • 2021-06-24
    • 2016-03-14
    • 1970-01-01
    • 2014-07-20
    • 2011-12-11
    • 1970-01-01
    相关资源
    最近更新 更多