IntersectionObserver.root
IntersectionObserver
インターフェイスの読み取り専用の root
プロパティは、 オブザーバーの対象となる要素の外接ボックスの境界をビューポートとして扱う Element
または Document
を識別します。
もし root
が null
であれば、実際の文書のビューポートの境界が使用されます。
値
対象要素のどの程度が見えるかを決定するために、ビューポートの境界として使用される外接ボックスを持つ Element
または Document
オブジェクト。この外接矩形と IntersectionObserver()
コンストラクターに渡されたオプションで指定したマージンによるオフセット、対象要素の境界、対象要素に重なる全ての要素または他のオブジェクトの境界を引いたものの交差が対象要素の可視領域と見なされます。
もし root
が null
であれば、自分の文書をルートとして使用し、そのビューポートの境界(つまり、文書の可視領域)をルート境界として使用します。
例
この例では、交差オブザーバのルート要素の border
を、 2 ピクセルの中緑色の線に設定しています。
js
observer.root.style.border = "2px solid #44aa44";
仕様書
Specification |
---|
Intersection Observer # dom-intersectionobserver-root |
ブラウザーの互換性
BCD tables only load in the browser