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

Question

我有一个带有更大嵌套 div 的 div。溢出-x 设置为自动，出现这样的滚动条。我想这样做，如果用户在 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);