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