javascript - 如何在 div 水平滚动条上触发 javascript 鼠标滚轮？

Question

我有一个带有更大嵌套 div 的 div。将overflow-x设置为auto，出现这样的滚动条。我想这样做，如果用户在 div 内滚动(使用鼠标滚轮)，则滚动条水平滚动。

<div id="outer" style="width:1000px;overflow-x:auto">
      <div id="inner" style="width:2000px"></div>
</div>

这需要什么样的javascript。请记住，滚动条是自动出现的，而不是寻找使用 javascript 改变左/右位置的解决方案。

Answer 1

为什么更改 scrollLeft 不适合您？

document.getElementById('outer').addEventListener('mousewheel', function(e) {
  this.scrollLeft -= (e.wheelDelta);
  e.preventDefault();
}, false);