Gulir Halaman Secara Horizontal Dengan Roda Mouse - Trik CSS

1) Muat jQuery dan plugin Mouse Wheel

Plugin Roda Mouse ada di sini.

2) Pasang acara roda mouse ke badan

Angka "30" mewakili kecepatan. preventDefault memastikan halaman tidak akan bergulir ke bawah.

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

Lihat
Pengguliran Horizontal Pena dengan roda mouse oleh Chris Coyier (@chriscoyier)
di CodePen.