Faire défiler la page horizontalement avec la molette de la souris - Astuces CSS

Anonim

1) Chargez jQuery et le plugin Mouse Wheel

Le plugin Mouse Wheel est ici.

2) Fixez l'événement de la molette de la souris au corps

Le «30» représente la vitesse. preventDefault garantit que la page ne défilera pas vers le bas.

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

Voir le
défilement horizontal du stylet avec la molette de la souris par Chris Coyier (@chriscoyier)
sur CodePen.