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

我正在努力做到以下几点： 当用户向下滚动到某个锚点时，我使用的是航路点，应该会触发滑块[这里我有一些问题，但这不是我问题的核心]。 滑块应该在每个鼠标滚轮上水平滑动一些div

我用作滑块的插件是： 但我不知道如何水平滚动它。 有更好的插件吗？或者我如何配置这个

我的相关js代码在插件的信息页面上建议：

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

这是工作演示

您可以向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();
});

垂直滚动条将起作用

---

对我来说，一切都有效。要滚动，鼠标必须位于div内的文本上。如果你想在div之外滚动，当然不行。在mozilla浏览器中，没有wheelDelta这样的属性。您还需要侦听DOMMouseScroll，并对原始事件使用detail属性。这将是一个正数或负数，取决于方向。你是对的。我只测试了色度和ie。主要解决方案在我的答案中描述。如果有人想让它适用于所有浏览器，他会很容易找到答案。谢谢你的信息