如何在divs水平滾動條上觸發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);