title: How to activate animate.css after scroll
body: <p>I am using animate.css [<a href="https://daneden.github.io/animate.css/]" rel="nofollow noreferrer">https://daneden.github.io/animate.css/]</a> and I have added some animations to some of my elements in my webpage. But there's a problem. The animation is done instantly and already over before scrolling down to that portion. Is there any way to add the animated class after that particular element is loaded?</p>
  
  <p>So that the animation will only be visible when a user scroll to that element.</p>