2016-05-14 11 views
2

In der Verwendung von wow.js Element auf Scroll animieren. Es funktioniert gut in lokalen, aber wenn ich auf den Server hochgeladen, wird die animierte Klasse vor dem Scrollen (mit dem Laden von Seiten) aufgerufen. Click hereWow.js funktioniert nicht im Server

um es live zu sehen.

Antwort

0

Ich denke, es funktionierte lokal, weil die Seiteninhalte über dem GIF schneller als im Web geladen wurden. Wenn ich die Seite öffne, wird die wowdiv 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 wowvisibility: 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.