How to trigger javascript mouse scroll wheel on a divs horizontal scrollbar?
<p>I have a div with a nested div that are larger. The overflow-x is set to auto, such a scroll bare appears. I would like to make such that if the user scrolls(with the mouse wheel) within the div, the scrollbar scrolls horizontal.</p>

<pre><code>&lt;div id="outer" style="width:1000px;overflow-x:auto"&gt;
      &lt;div id="inner" style="width:2000px"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>What kind of javascript is needed for this. Remember that the scrollbar comes automatic, not looking for a solution with javascript changing left/right positions.</p>
