Resulta que estoy haciendo una pagina html con el framework animate.css y bootstrap4. Tengo un div al cual le he agregado una animacion pero quiero que esta se repita cada vez que se observa el elemento y no cuando se entra en la web, es decir en estos momentos el div se anima cuando uno entra a la pagina o al recargar, y como esta ubicado abajo de otro contenido no se alacanza a observar la animacion. O si es posible una alternativa por favor, he buscado mucho en internet y no encuentro nada.
Codigo html:
<div id="anim" class="col-12 border caja animated fadeIn">
<h1>Algunas aves que solo se encuentran en colombia</h1>
</div>
La clase caja no efecta en nada.
Web animate.css https://daneden.github.io/animate.css/