Tatal Halaman Secara Mendatar Dengan Roda Tetik - Trik CSS

Anonim

1) Muatkan jQuery dan plugin Roda Tetikus

Plugin Mouse Wheel ada di sini.

2) Pasangkan acara roda gigi ke badan

“30” mewakili kelajuan. preventDefault memastikan halaman tidak akan menatal ke bawah.

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

Lihat Pen
Horizontal Scrolling dengan roda tetikus oleh Chris Coyier (@chriscoyier)
di CodePen.