Pomaknite se po strani vodoravno s kolesom miške - CSS-triki

Anonim

1) Naložite jQuery in vtičnik Mouse Wheel

Vtičnik Mouse Wheel je tukaj.

2) Na telo pritrdite dogodek miškega kolesa

"30" predstavlja hitrost. prevenDefault zagotavlja, da se stran ne bo pomaknila navzdol.

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

Oglejte si
vodoravno drsenje peresa z miškim kolesom Chrisa Coyierja (@chriscoyier)
na CodePen.