Capture Scroll Event auf Element mit Überlauf: Versteckt mit Javascript

Question

EDIT: Vielen Dank für die Kommentare bisher! Hier ist eine JS Geige mit (hoffentlich alle) der entsprechende Code:

https://jsfiddle.net/3y1cw6nt/

Ich habe ein Bild Schieber eingerichtet, in dem die Bilder Klassen umgeschaltet werden zwischen .above, .active und .below und ihre top: Attribut ändert sich entsprechend .

Im Moment ist das Umschalten von einem Ereignis-Listener Pfeil nach oben aktiviert wird und nach unten Taste drückt, und ich habe html, body { height: 100vh, overflow: hidden } so dass der Benutzer nicht auf die die Bilder blättern, die .below oder .above sind.

Gibt es eine Möglichkeit, Scroll-Up- und Down-Ereignisse zu erfassen und die Klassenänderungen mit Javascript auszulösen?

Ich habe this solution versucht, aber es funktioniert nicht - var st undefiniert ist egal, was ich auf die Seite zu tun, was ich denke, ist, weil kein Scroll-Ereignis erfasst wird, und deshalb wird var st nie erklärt.

Vielen Dank!

Answer 1

Der Text scrollt nicht, daher gibt es kein scroll-Ereignis.

Sehen Sie sich einen anderen Satz von Ereignissen an: mousemove, touch. Die Unterstützung für Berührungsereignisse kann auf den verschiedenen Geräten ziemlich unterschiedlich sein, so dass vielleicht auch eine Bibliothek wie Hammer nützlich wäre.