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
).
方法
此接口没有方法。
规范
Specification |
---|
Intersection Observer # intersection-observer-entry |
浏览器兼容
BCD tables only load in the browser