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