IntersectionObserverEntry

Experimental

这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

 IntersectionObserverEntry接口 (从属于 Intersection Observer API )描述了目标元素与其根元素容器在某一特定过渡时刻的交叉状态.  IntersectionObserverEntry 的实例作为 entries 参数被传递到一个 IntersectionObserver 的回调函数中; 此外, 这些对象只能通过调用IntersectionObserver.takeRecords() 来获取.

属性

IntersectionObserverEntry.boundingClientRect (en-US) 只读
返回包含目标元素的边界信息的DOMRectReadOnly. 边界的计算方式与  Element.getBoundingClientRect() 相同.
IntersectionObserverEntry.intersectionRatio (en-US) 只读
返回intersectionRect 与 boundingClientRect 的比例值.
IntersectionObserverEntry.intersectionRect (en-US) 只读
返回一个 DOMRectReadOnly 用来描述根和目标元素的相交区域.
IntersectionObserverEntry.isIntersecting (en-US) 只读
返回一个布尔值, 如果目标元素与交叉区域观察者对象(intersection observer) 的根相交,则返回 true .如果返回 true, 则 IntersectionObserverEntry 描述了变换到交叉时的状态; 如果返回 false, 那么可以由此判断,变换是从交叉状态到非交叉状态.
IntersectionObserverEntry.rootBounds (en-US) 只读
返回一个 DOMRectReadOnly 用来描述交叉区域观察者(intersection observer)中的根.
IntersectionObserverEntry.target (en-US) 只读
与根出现相交区域改变的元素 (Element).
IntersectionObserverEntry.time (en-US) 只读
返回一个记录从 IntersectionObserver 的时间原点(time origin)到交叉被触发的时间的时间戳(DOMHighResTimeStamp).

方法

此接口没有方法.

规范

规范 状态 备注
Intersection Observer
IntersectionObserverEntry
Working Draft Initial definition

浏览器兼容

BCD tables only load in the browser