Direkter Link zum Artikel Responsive, Touch-freundliche Karussells mit Flickity erstellen

Responsive, Touch-freundliche Karussells mit Flickity erstellen

Mittlerweile sollte jeder Artikel über Karussells mit dem Haftungsausschluss beginnen: _Sie brauchen vielleicht kein Karussell._ Karussells werden leicht missbraucht. Kyle Peatt hat mehr Details zur Karussell-Kontroverse.

Ein Teil der Schuld kann auf den Benutzer geschoben werden…

Avatar of David DeSandro
David DeSandro am
Direkter Link zum Artikel Scroll Page Horizontally With Mouse Wheel

Seite horizontal mit Mausrad scrollen

1) Laden Sie jQuery und das Mouse Wheel Plugin

Das Mouse Wheel Plugin finden Sie hier.

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type='text/javascript' src='/js/jquery.mousewheel.min.js'></script>

2) Hängen Sie das mousewheel-Ereignis an den Body an

Die "30" steht für die Geschwindigkeit. preventDefault stellt sicher, dass die Seite nicht nach unten scrollt.

$(function() {

   $("body").mousewheel(function(event, 
Avatar of Chris Coyier
Chris Coyier am