javascript - 当项目可见时与 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";
}