javascript - 鼠标滚轮上的 slider 滚动 - 方向右 - 左

Question

我正在尝试执行以下操作:当用户向下滚动到某个 anchor (我使用航点)时，应该触发一个 slider [这里我有一些问题，但这不是我问题的核心]。 slider 应在每个鼠标滚轮上水平滑动一些 div。

我用作 slider 的插件是:https://github.com/Bawyka/jQuery-Mousewheel-Slider但我不知道如何水平滚动它。有没有更好的插件？或者我该如何配置这个？

我的相关js代码是(在插件的信息页面上建议的):

 $('#slider').mwslider({
    'speed':'slow',
    'easing': 'easeInExpo'
});

Answer 1

这是工作演示 http://jsfiddle.net/xdwqp/

• 您可以向 div 添加类，例如 f-scrollable-x。

• 和一些js代码

  $(document).on('mousewheel', '.f-scrollable-x', function (e) {
     var delta = e.originalEvent.wheelDelta;
     this.scrollLeft += (delta < 0 ? 1 : -1) * 50;
     e.preventDefault();
  });
  

  垂直滚动会起作用。