title: How to apply Animate.css effect to the element ONLY when scrolled to it?
body: <p>Am using animate.css library to apply animated effect on my website. But the problem is effect is applied as soon as page is loaded. And when I scroll to the element effect is already applied. 
  How can I set effect to be applied only when the element appear while scrolling?</p>