如何触发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);