IntersectionObserverEntry: target プロパティ
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月.
target
は IntersectionObserverEntry
インターフェイスの読み取り専用プロパティで、交差ルートとの交差量が変化したのがどの対象要素であるかを Element
で示します。
値
IntersectionObserverEntry
の target
プロパティは、以前に IntersectionObserver.observe()
を呼び出して対象とした Element
の中で、ルートとの交差量が変化したものを示します。
例
この単純な例では、対象となるそれぞれの要素の opacity
が、その intersectionRatio
に設定されます。
js
function intersectionCallback(entries) {
entries.forEach((entry) => {
entry.target.style.opacity = entry.intersectionRatio;
});
}
より具体的な例については、交差状態の変化の扱いをご覧ください。
仕様書
Specification |
---|
Intersection Observer> # dom-intersectionobserverentry-target> |
ブラウザーの互換性
Loading…