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

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();
  });
  

  垂直滚动将起作用。