Desplácese por overflow-x by mousewheel - jquery, css, scroll, overflow, mousewheel

Desplácese por overflow-x by mousewheel

Hola a todos Tengo un desbordamiento de ancho div-x este div es mi div principal overflow-x funciona bien, pero cuando se usa la rueda del ratón no pasa nada ¿Cómo puedo usar la rueda para mover este elemento?

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

Respuestas

.Main Debería haber contenido desbordado a lo largo de x para que pueda desplazarse.

Mira esto manifestación

#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>