IntersectionObserverEntry
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
Intersection Observer API の IntersectionObserverEntry インターフェイスは、特定の遷移時点でのターゲット要素とそのルートコンテナ間の共通部分を記述します。 IntersectionObserverEntry のインスタンスは、その entries パラメータで IntersectionObserver コールバックに渡されます。それ以外の場合、これらのオブジェクトは IntersectionObserver.takeRecords() を呼び出すことによってのみ取得できます。
プロパティ
IntersectionObserverEntry.boundingClientRect(en-US) 読取専用- ターゲット要素の矩形の境界を
DOMRectReadOnlyとして返します。境界はElement.getBoundingClientRect()のドキュメントで説明されているのと同様に計算されます。 IntersectionObserverEntry.intersectionRatio(en-US) 読取専用intersectionRectとboundingClientRectの比率を返します。IntersectionObserverEntry.intersectionRect(en-US) 読取専用- ターゲットの表示領域を表す
DOMRectReadOnlyを返します。 IntersectionObserverEntry.isIntersecting(en-US) 読取専用- ターゲットの要素が、交差を監視しているルートを超えたら
trueを返す真偽値です。trueの場合、IntersectionObserverEntryは交差状態の変わり目にあります。falseの場合、交差から非交差への変わり目であることがわかります。 IntersectionObserverEntry.rootBounds(en-US) 読取専用- 交差を監視しているルートの
DOMRectReadOnlyを返します。 IntersectionObserverEntry.target(en-US) 読取専用- ルートとの交差が変化する
Element。 IntersectionObserverEntry.time(en-US) 読取専用IntersectionObserverの時刻の起点を基準にして、交差が記録された時刻を示すDOMHighResTimeStamp。
メソッド
このインタフェースにはメソッドがありません。
仕様
| 仕様書 | ステータス | コメント |
|---|---|---|
| Intersection Observer IntersectionObserverEntry の定義 |
草案 | 初回定義 |
ブラウザの互換性
BCD tables only load in the browser