Ritināt lapu horizontāli ar peles riteni CSS-triki

Anonim

1) Ielādējiet jQuery un peles riteņa spraudni

Peles riteņa spraudnis ir šeit.

 

2) Pievienojiet peles rata notikumu ķermenim

“30” apzīmē ātrumu. preventDefault nodrošina, ka lapa netiks ritināta uz leju.

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

Skatiet
Krāsa Koijera (@chriscoyier)
PenPal horizontālo ritināšanu ar peles ritenīti vietnē CodePen.