Css Animation beim Scrollen

Question

Ich habe mehrere Divs und ich möchte Animation hinzufügen. Ich benutze animate.css (https://github.com/daneden/animate.css) für sie

<div class="first animated bounce"> 
... 
</div> 
<div class="second animated bounce"> 
... 
</div> 

Und nun Animation beginnt, nachdem Seite geladen wird, aber ich möchte Animation starten, wenn ich zu div blättern.

Wie kann ich dieses Problem lösen? Dank

Answer 1

Verwenden WOW.js, diese Bibliothek überprüft, wenn die das Element sichtbar und wendet die animate.css Animation, die Sie in der Elemente-Klasse festgelegt haben:

http://mynameismatthieu.com/WOW/

Die Dokumentation für intalling es und Konfigurieren ist ziemlich einfach.