Κύλιση σελίδας οριζόντια με τροχό ποντικιού - CSS-Κόλπα

1) Φορτώστε το jQuery και το πρόσθετο Mouse Wheel

Το Mouse Wheel plugin είναι εδώ.

2) Συνδέστε το συμβάν τροχών στο σώμα

Το "30" αντιπροσωπεύει την ταχύτητα. preventDefault διασφαλίζει ότι η σελίδα δεν θα μετακινηθεί προς τα κάτω.

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

Δείτε το Pen
Horizontal Scrolling με το τιμόνι του ποντικιού από τον Chris Coyier (@chriscoyier)
στο CodePen.