IntersectionObserver:root 属性
该 IntersectionObserver
接口的只读root
属性标识 Element
或 Document
,其边界被视为 边界框 的 视口,用于作为观察者目标的元素。
如果root
为null
,则使用实际文档视口的边界。
值
一个 Element
或 Document
对象,其边界框用作视口的边界,用于确定目标元素可见的程度。该边界矩形与传递给 IntersectionObserver()
构造函数的选项中指定的任何边距相抵消,目标元素的边界减去与目标元素重叠的每个元素或其他对象的边界,被认为是目标元素的可见区域。
如果root
为null
,则使用拥有文档作为根,并使用其视口的边界(即文档的可见区域)作为根边界。
示例
此示例将交叉观察者根元素的 border
设置为 2 像素的中绿色线条。
js
observer.root.style.border = "2px solid #44aa44";
规范
规范 |
---|
Intersection Observer # dom-intersectionobserver-root |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。