Animate on scroll / Inhaltselemente animieren

Da ich das immer wieder brauch: Habe eine kleine Erweiterung für Contao 4 geschrieben, welche die Animate on Scroll library verwendet um Inhaltselemente zu animieren.

Code:

---

composer require glumanda99/contao-aos

---

https://i.imgur.com/GkJyKdg.png

mimimimi usw... :p

Zitat:

---

Zitat von Glumanda

Da ich das immer wieder brauch: Habe eine kleine Erweiterung für Contao 4 geschrieben, welche die Animate on Scroll library verwendet um Inhaltselemente zu animieren.

---

Nette Sache, nur ist mir eben aufgefallen, dass der Animations-Bereich im Backend auch animiert wird, sobald Werte eingetragen sind und man einmal gespeichert hat - ist ein wenig irritierend. Ich hatte unter Duration 1500ms eingetragen und dachte "nanu, warum fehlt jetzt das halbe Backend???" Bis es dann nach 1.5 sek um die Ecke kam :cool:

Zitat:

---

mimimimi usw... :p

---

Schon mit der Doku für die Erweiterung begonnen? :p

Oh, hatte noch nicht den 1.0 Tag gepusht. Das mit der Animation im Backend hab ich dann doch entfernt, weil ich es einfacher haben wollt.

Doku erübrigt sich, bei den ausreichend beschriebenen Feldern im Backend (bzw. befindet sich das im /docs Ordner der 0.1 Version, aber das meiste davon hab ich im Template untergebracht statt in unnötigen parameters.yml, von daher hat sich Doku von selbst weg rationalisiert).

Danke für die Erweiterung.

Wie stellt man denn einen Offset ein, der früher triggern soll? Wenn ich -100 eintrage, kommt die Meldung "Bitte geben Sie nur natürliche Zahlen ein!". Wenn z.B. Fade-up eingestellt wird, wird die Animation ja erst gestartet, wenn 100px unter die Originalposition des Elements gescrollt wurde.

Klasse wäre noch die Möglichkeit einzustellen, wie lang die "Strecke" der Animation gehen soll. Wenn es eine nur dezente Animation sein soll, wären mir die fix eingestellten 100px zu viel.

Hallo!

Ich schreibs mal hier rein...

Weiß jemand was mit den Erweiterungen von Glumanda ist? Ich hab AOS und Rellax immer gern genutzt, weil sie sehr anwenderfreundlich sind.
Auf github scheint alles weg zu sein, da kann ich also auch nicht fragen.
Ich bekomme AOS noch über den Composer (CM) installiert, aber mit Meldungen das diese veraltet sind usw... Rellax geht schon nicht mehr.

Weiß jemand mehr? Kennt jemand Alternativen, außer die von hypergalaktisch:
https://packagist.org/packages/hyper...ontao-parallax
https://packagist.org/packages/hyper...contao-animate

Danke!

Eine weitere Alternative für AOS: https://github.com/inspiredminds/contao-wowjs