1. 開発者向けのウェブ技術
  2. Web API
  3. IntersectionObserver
  4. root

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

IntersectionObserver: root プロパティ

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月.

root は IntersectionObserver インターフェイスの読み取り専用のプロパティで、オブザーバーの対象となる要素の境界ボックスをビューポートとして扱う 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

ブラウザーの互換性

関連情報

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

View this page on GitHub • Report a problem with this content