Ich denke, es funktionierte lokal, weil die Seiteninhalte über dem GIF schneller als im Web geladen wurden. Wenn ich die Seite öffne, wird die wow
div
mit "animierte" Klasse geladen, bevor ich für sie scrollen (Es passierte, weil der Wow div
sichtbar war, während die Titelseite Assets geladen wurde).
The wow.js
wird verwendet, um einige HTML-Element auf Blättern zu animieren und nicht die GIF-Animation Zustand zu kontrollieren, aber es funktioniert, wie Sie wollen, da die wow
visibility: visible
nach in Einrückelement seine div
sichtbar ist.
Sie können die Animation des Gifs starten, wenn es auf der Seite sichtbar ist, wenn Sie das Bild nur beim Scrollen anzeigen, seinen Sichtbarkeitszustand steuern (Laden mit ausgeblendeter Bildsichtbarkeit und dann sichtbar ändern).
Sie können die GIF-Animation auch beim Scrollen starten, wenn Sie etwas wie this plugin verwenden, um das Bild "lazy load" zu laden. Das "Lazy Load" -Plugin lädt das Bild, wenn es im Fenster sichtbar sein soll.