Intersection Observerを使ったらスクロール系の処理が簡単になった件 | Weblasts

Intersection Observerを使ったらスクロール系の処理が簡単になった件 | Weblasts

Intersection Observerとは 『Intersection Observer（交差オブザーバー）』は指定した範囲（root）に監...概要を表示 Intersection Observerとは 『Intersection Observer（交差オブザーバー）』は指定した範囲（root）に監視している対象の要素が入ってきたら（交差したら）その要素に対してはもちろんのこと色々と処理を実行できる仕組みです。 この方法を知るまではスクロールやリサイズを監視しスクロール量を取得し、処理したい要素の位置を取得して処理を実行するみたいにめんどくさいことを強いられていましたが、『Intersection Observer』を使うと簡潔に実行できます。 Intersection Observerの使い方 とりあえずコピペしていじれるようなひな形から // 交差を監視する要素を準備 const targets = document.querySelectorAll('p'); // 範囲の設定 const options = { root: null,

• javascript