ayuda con animate.css scroll

Estoy aprendiendo a poner animaciones en la web entonces encontre animate.css (les dejo el link)
http://daneden.github.io/animate.css/

mi pagina index es larga y quiero que cuando vaya bajando aparezcan las animaciones (ejemplo: http://www.kinetikweb.com/) pero las animaciones solo funcionan la primera vez que carga la pagina y no a medida que uno baja con el scroll, entonces buscando como hacerlo me encontré con este post en Internet donde dice como hacerlo con javascript, pero no logro hacerlo funcionar, ya que no entiendo la explicación final.

http://www.czech-this.com/how-activate-animation-when-its-appear-screen/

Ahora, si supieran de otro modo de hacer que la animacion funcione cuando me aparezca en pantalla bajando con el scroll, seria lo mejor....claro, utilizando el animate.css de dan eden

GRACIAS!!!!

Te comento la manera que hago y me funciona super bien, hazlo con la libreria de JS llamada Appear ( https://github.com/morr/jquery.appear/ ), después agregas este código (uso Jquery).

Agregale la clase "animated" al div que quieras animar, así no tienes que hacerlo vía js. Para este ejemplo lo llamaremos "infodown".

$(function(){
$(document.body).on('appear', '.infodown', function(e, $affected) { $(this).addClass("bounceInLeft"); });
$('.infodown').appear({force_process: true});
});

Básicamente lo que hace es que apenas aparece en pantalla (viewport) le agrega la clase "bounceInLeft".

Espero te haya servido.

Saludos

Me resulto, aunque despues encontre otro que podia poner cualquier efecto sin necesidad de especificar el efecto en el JS, pero este igual me sirve para hacer sitios mas simples. (en la parte del codigo)

GRACIAS.