Intersection Observer API
Intersection Observer API (交差監視 API)
Intersection Observer API - Web API | MDN
用途
無限 Scroll スクロール
Lazy load 遅延読み込み
Web広告
の表示有無
スクロール Scroll イベント
で計測して表示管理されていたが、パフォーマンス悪かった
Intersection Observer APIの方が良い
Scroll listener vs Intersection Observers: a performance comparison | by Aggelos Arvanitakis | ITNEXT
IEとマイナーブラウザが非対応
IntersectionObserver | Can I use... Support tables for HTML5, CSS3, etc
ポリフィル Polyfill
w3c/IntersectionObserver: Intersection Observer
利用方法
main.jsでimport
困りごと
初期ロード時に呼ばれる
javascript - IntersectionObserver callback firing immediately on page load - Stack Overflow