可见时与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";
}