javascript - アイテムが表示されている場合の animate.css との統合

Question

この animate.css ( http://daneden.me/animate/ ) を Web サイトに統合しましたが、ページを読み込むとアニメーションが発生するため、要素が下にあるとアニメーションが表示されません。しかし、私はこの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";
}