Rull siden horisontalt med mushjulet CSS-triks

Anonim

1) Last inn jQuery og plugin for mushjul

Mouse Wheel plugin er her.

 

2) Fest mushjulshendelsen til kroppen

"30" representerer hastighet. preventDefault sørger for at siden ikke ruller nedover.

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

Se pennen
horisontal rulling med mushjulet av Chris Coyier (@chriscoyier)
på CodePen.