IntersectionObserverEntry

这篇翻译不完整。请帮忙从英语翻译这篇文章

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

 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).

方法

此接口没有方法.

规范

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

浏览器兼容

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic Support5115

53 — 551

55

No ? ?
boundingClientRect5115

53 — 551

55

No ? ?
intersectionRatio5115

53 — 551

55

No ? ?
intersectionRect5115

53 — 551

55

No ? ?
isIntersecting5115

53 — 551

55

No ? ?
rootBounds5115

53 — 551

55

No ? ?
target5115

53 — 551

55

No ? ?
time5115

53 — 551

55

No ? ?
FeatureAndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Basic Support5151 (Yes) ? No ? ?
boundingClientRect5151 (Yes) ? No ? ?
intersectionRatio5151 (Yes) ? No ? ?
intersectionRect5151 (Yes) ? No ? ?
isIntersecting5151 (Yes) ? No ? ?
rootBounds5151 (Yes) ? No ? ?
target5151 (Yes) ? No ? ?
time5151 (Yes) ? No ? ?

1. From version 53 until version 55 (exclusive): this feature is behind the dom.IntersectionObserver.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

文档标签和贡献者

 此页面的贡献者: shevche24, zcWSR
 最后编辑者: shevche24,