js实现鼠标滚轮横向滚动特效

可以使用JavaScript监听鼠标滚轮事件，然后根据滚轮滚动的方向来改变元素的横向滚动位置。

以下是一个示例代码：

<div id="scroll-container">
  <div class="scroll-content">Content goes here</div>
</div>

#scroll-container {
  overflow-x: scroll;
  white-space: nowrap;
  width: 100%;
}

.scroll-content {
  display: inline-block;
  width: 1000px;
}

var container = document.getElementById('scroll-container');

container.addEventListener('wheel', function(event) {
  // Check if the horizontal scroll bar is visible
  if (container.offsetWidth < container.scrollWidth) {
    // Determine the direction of the scroll
    var delta = Math.max(-1, Math.min(1, (event.wheelDelta || -event.detail)));
    // Scroll horizontally
    container.scrollLeft -= (delta * 30);
    // Prevent default scrolling
    event.preventDefault();
  }
});

这个代码监听 `wheel` 事件，判断横向滚动条是否可见，然后根据滚轮滚动的方向来改变元素的 `scrollLeft` 属性。注意，这个代码是根据滚轮事件的 `wheelDelta` 或 `detail` 属性来判断滚动方向的，这两个属性分别适用于不同的浏览器，可以根据需要进行兼容。