Derulați pagina orizontal cu roata mouse-ului - CSS-Tricks

Anonim

1) Încărcați jQuery și pluginul Mouse Wheel

Pluginul Mouse Wheel este aici.

 

2) Atașați evenimentul roții mouse-ului la corp

„30” reprezintă viteza. preventDefault asigură că pagina nu va derula în jos.

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

Vedeți
Derularea orizontală a stiloului cu roata mouse-ului de Chris Coyier (@chriscoyier)
pe CodePen.