Desplazar la página horizontalmente con la rueda del mouse - Trucos CSS

1) Cargue jQuery y el complemento de la rueda del mouse

El plugin Mouse Wheel está aquí.

2) Adjuntar el evento de la rueda del mouse al cuerpo

El "30" representa la velocidad. preventDefault asegura que la página no se desplazará hacia abajo.

$(function() ( $("body").mousewheel(function(event, delta) ( this.scrollLeft -= (delta * 30); event.preventDefault(); )); ));

Vea el
desplazamiento horizontal del lápiz con la rueda del mouse de Chris Coyier (@chriscoyier)
en CodePen.