Weiss jemand, wie diese CSS Animation funktioniert?

3 Antworten

Das jQuery Mouse Wheel Plugin fügt Browser-Mausrad-Unterstützung für Ihre Skripts hinzu. So können Sie mit den Mausereignissen umgehen, die Bildlaufrichtung bestimmen und die Reaktion der Animation programmieren.

Dieses Skript scrollt auch mit dem Touchpad und, soweit ich mich erinnere, auch mit dem Touchscreen.

Hier ist ein Beispiel für den horizontalen Bildlaufeffekt. Sie können es als Grundlage für die Programmierung anderer Effekte verwenden.

Sie müssen auch Tastenanschläge auf der Tastatur abfangen und dieselben Animationseffekte hinzufügen wie beim Scrollen mit der Maus und dem Touchpad.

Weiss jemand von euch, wie diese Animation funktioniert?

so etwas macht man mit einem "Scrollspy" wie z. B. https://materializecss.com/scrollspy.html. Mit diesem fragt man die Position ab und lässt dann in Abhängigkeit der Scrollposition eine Aktion ausführen (z. B. die CSS-Klasse ändern).

Bootstrap enthält ebenfalls einen Scrollspy: https://getbootstrap.com/docs/4.3/components/scrollspy/

Alex

Okay danke, das werde ich mal ausprobieren!!

0

Was möchtest Du wissen?