Posouvejte stránku vodorovně pomocí kolečka myši Triky CSS

Anonim

1) Načtěte jQuery a plugin Mouse Wheel

Doplněk Mouse Wheel je zde.

2) Připojte událost kolečka myši k tělu

„30“ představuje rychlost. preventDefault zajišťuje, že stránka nebude rolovat dolů.

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

Podívejte se na
vodorovné posouvání pera s kolečkem myši od Chrisa Coyiera (@chriscoyier)
na CodePen.