Seite horizontal mit Mausrad scrollen - CSS-Tricks

1) Laden Sie jQuery und das Mausrad-Plugin

Das Mausrad-Plugin ist hier.

2) Befestigen Sie das Mausrad-Ereignis am Körper

Die "30" steht für Geschwindigkeit. PreventDefault stellt sicher, dass die Seite nicht nach unten gescrollt wird.

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

Siehe das
horizontale Scrollen des Stifts mit dem Mausrad von Chris Coyier (@chriscoyier)
auf CodePen.