Posuňte stránku vodorovne kolieskom myši Triky CSS

Anonim

1) Načítajte jQuery a doplnok Mouse Wheel

Doplnok Mouse Wheel je tu.

2) Pripojte udalosť kolieska myši k telu

„30“ predstavuje rýchlosť. preventDefault zaisťuje, že stránka nebude rolovať nadol.

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

Pozrite si
vodorovné posúvanie pera kolieskom myši od Chrisa Coyiera (@chriscoyier)
na stránkach CodePen.