IntersectionObserverEntry
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2019.
IntersectionObserverEntry 接口
(从属于 Intersection Observer API ) 描述了目标元素与其根元素容器在某一特定过渡时刻的交叉状态。IntersectionObserverEntry
的实例作为 entries
参数被传递到一个 IntersectionObserver
的回调函数中; 此外,这些对象只能通过调用IntersectionObserver.takeRecords()
来获取。
属性
IntersectionObserverEntry.boundingClientRect
只读-
返回包含目标元素的边界信息的
DOMRectReadOnly
. 边界的计算方式与Element.getBoundingClientRect()
相同。 IntersectionObserverEntry.intersectionRatio
只读-
返回
intersectionRect
与boundingClientRect
的比例值。 IntersectionObserverEntry.intersectionRect
只读-
返回一个
DOMRectReadOnly
用来描述根和目标元素的相交区域。 IntersectionObserverEntry.isIntersecting
只读-
返回一个布尔值,如果目标元素与交叉区域观察者对象 (intersection observer) 的根相交,则返回
true
.如果返回true
, 则IntersectionObserverEntry
描述了变换到交叉时的状态; 如果返回false
, 那么可以由此判断,变换是从交叉状态到非交叉状态。 IntersectionObserverEntry.rootBounds
只读-
返回一个
DOMRectReadOnly
用来描述交叉区域观察者 (intersection observer) 中的根。 IntersectionObserverEntry.target
只读-
与根出现相交区域改变的元素 (
Element
). IntersectionObserverEntry.time
只读-
返回一个记录从
IntersectionObserver
的时间原点 (time origin) 到交叉被触发的时间的时间戳 (DOMHighResTimeStamp
).
方法
此接口没有方法。
规范
Specification |
---|
Intersection Observer # intersection-observer-entry |
浏览器兼容性
BCD tables only load in the browser