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

Slider on mousewheel scroll - direction right - left

本文关键字：方向 滚动 鼠标      更新时间：2023-09-26

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

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

我相关的js代码是（如插件信息页面上的建议）：

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

这是有效的演示 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();
});

    垂直滚动将起作用。

相关文章：