IntersectionObserver: root 屬性

Baseline 已廣泛支援

此功能已成熟,並可在多種裝置和瀏覽器版本上執行。自 2019 年 3 月以來,它已在所有瀏覽器中可用。

IntersectionObserver 介面的只讀屬性 root 標識了 ElementDocument,其邊界被視為被觀察者(observer's target)的 邊界框

如果 rootnull,則使用實際文件視口的邊界。

一個 ElementDocument 物件,其邊界框用作視口的邊界,以確定目標元素可見的程度。該邊界矩形與在傳遞給 IntersectionObserver() 建構函式時在選項中指定的任何邊距相抵消後,減去與目標元素重疊的任何元素或其他物件的邊界,所形成的交集被視為目標元素的可見區域。

如果 rootnull,則使用擁有文件作為根,並使用其視口(即文件的可見區域)的邊界作為根邊界。

示例

此示例將交叉觀察者根元素的 border 設定為 2 畫素的淺綠色線條。

js
observer.root.style.border = "2px solid #44aa44";

規範

規範
交集觀察器
# dom-intersectionobserver-root

瀏覽器相容性

另見