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

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.