sai_dive IL

学んだことのアウトプットブログ

【JavaScript】Intersection Observer

Intersection Observer

ある基準対象に対して監視対象が見えている割合に応じてコールバック関数を実行

構文
const observer = new IntersectionObserver(callback, options);

const target = document.querySelector('監視したい要素');

observeメソッドを使うことでcallbackを実行
observer.observe(target);

unobserveメソッドを使うことで監視終了
observer.unobserve(entry.target);