jquery - Scroll for overflow-x by mousewheel -

scroll overflow-x mousewheel

hi every body have div width overflow-x div main div overflow-x work , when use mousewheel nothing happen how can use mousewheel scroll element

.main{     display:block;     margin: 0;     padding: 0;     overflow-x:scroll; overflow-y: hidden; } 

.main should have content overflowing along x able scroll.

see demo

#two {     border: 5px solid black;     height: 200px; width: 20000px; } #one {     border: 1px solid red;     height: 200px; width: 200px;     overflow-y: hidden; overflow-x:scroll; } 

---

<div id="one"><div id="two"></div></div>