IntersectionObserver:root 属性

基线 广泛可用

此功能已得到良好建立,并且可在许多设备和浏览器版本上运行。它已在浏览器中可用,自 2019 年 3 月.

IntersectionObserver 接口的只读root属性标识 ElementDocument,其边界被视为 边界框视口,用于作为观察者目标的元素。

如果rootnull,则使用实际文档视口的边界。

一个 ElementDocument 对象,其边界框用作视口的边界,用于确定目标元素可见的程度。该边界矩形与传递给 IntersectionObserver() 构造函数的选项中指定的任何边距相抵消,目标元素的边界减去与目标元素重叠的每个元素或其他对象的边界,被认为是目标元素的可见区域。

如果rootnull,则使用拥有文档作为根,并使用其视口的边界(即文档的可见区域)作为根边界。

示例

此示例将交叉观察者根元素的 border 设置为 2 像素的中绿色线条。

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

规范

规范
Intersection Observer
# dom-intersectionobserver-root

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅