<aside> 💫 今まではスクロールイベントを使って実装していたが、画面がリサイズされた場合の該当要素までのスクロール量を再計算するための関数を記述する必要があった。

開発途中で発火のタイミングが変更になった際は関数も修正しなくてはならず、バグの温床になりやすかった。(スクロールやリサイズの度に関数が呼び出されるので、サイトパフォーマンスにも影響が)

それを解決してくれるのが Intersection Observer API (=交差監視API)

</aside>

JSでのスクロール連動エフェクトにはIntersection Observerが便利

https://ics.media/entry/190902/