Desplazarse por la página horizontalmente con la rueda del mouse | Programar Plus

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

El plugin Mouse Wheel está aquí.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2"></script>
<script type="text/javascript" src="/js/jquery.mousewheel.min.js"></script>

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();

   });

});

Ver la pluma
Desplazamiento horizontal con rueda del mouse por Chris Coyier (@chriscoyier)
en CodePen.

(Visited 7 times, 1 visits today)