IntersectionObserverEntry: isIntersecting プロパティ
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2019年3月.
isIntersecting は IntersectionObserverEntry インターフェイスの読み取り専用のプロパティで、対象要素が交差オブザーバーのルートと交差している場合に true になる論理値です。
この値が true の場合、 IntersectionObserverEntry は交差状態への変わり目にあります。 false の場合、交差ありから交差なしへの変わり目であることがわかります。
値
論理値で、 target 要素が交差状態に遷移したか (true) または交差状態から脱したか (false) を示します。
例
この単純な例では、交差コールバックを使用して、現在いくつの対象となる要素が交差ルートと交差しているかのカウンターを更新します。
js
function intersectionCallback(entries) {
entries.forEach((entry) => {
if (entry.isIntersecting) {
intersectingCount += 1;
} else {
intersectingCount -= 1;
}
});
}
より具体的な例については、交差状態の変化の扱いをご覧ください。
仕様書
| Specification |
|---|
| Intersection Observer # dom-intersectionobserverentry-isintersecting |