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

浏览器兼容性

另见