当项目可见时与animate.css集成

Question

我刚刚将animate.css（http://daneden.me/animate/）集成到我的网站中，但是当我加载页面时动画就会发生，因此如果元素位于底部，则无法看到动画。 但我发现这个http://www.crivosthemes.com/theme/porto/index-2.html，我很确定他们使用了相同的animate.css，但是当我滚动到元素时动画就会发生。

我只是想问，他们是怎么做到的？有没有jquery的东西或只是css？

请提供说明。

由于

Answer 1

也许他们实施

window.onscroll = function(){
    //codes
    if(window.scrollTop == 100){
    //do something
    }
}

你可以使用javascript来触发该元素的动画....例如

window.onscroll = function(){
     element.style.animation = "myanimation 2s infinite";
}