jQueryを使用しないAnimate.css？

Question

私はスクロールをするときにアニメーションを表示するウェブサイトを作ろうとしています。そのためには、Animate.cssライブラリを使用していますが、ドキュメントではjQueryとの使用方法のみを示していますが、現在はVanilla Javascriptを使用する方法を学習しています。Animate.cssを動作させる方法についてはあまりよく分かりませんjQueryなし。私はwindow.pageYOffsetを使用しようとしていましたが、ブラウザがコンテナに到達してスクロールによって表示されないときにのみ機能します。

Answer 1

ここでは、jQueryを使用せずにアニメーションを作成する方法の例を示します。スクロールイベントのMDNドキュメントページwindow.onscrollを調べてください。

const $item = document.querySelector('.starred-item'); 
$item && ($item.classList.add('animated', 'bounce'));