Slinkite puslapį horizontaliai naudodami pelės ratuką CSS-gudrybės

Anonim

1) Įkelkite „jQuery“ ir pelės rato papildinį

Pelės ratuko papildinys yra čia.

 

2) Pritvirtinkite pelės rato įvykį prie kūno

„30“ reiškia greitį. prevDefault užtikrina, kad puslapis neslinktų žemyn.

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

Žr
. Chriso Coyierio (@chriscoyier)
„CodePen“ rašiklį horizontaliai slenkant su pelės ratuku .