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

Question

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

我用作滑块的插件是：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();
  });
  

  垂直滚动将起作用。