IntersectionObserverEntry - Web APIs 编辑
The IntersectionObserverEntry
interface of the Intersection Observer API describes the intersection between the target element and its root container at a specific moment of transition. Instances of IntersectionObserverEntry
are delivered to an IntersectionObserver
callback in its entries
parameter; otherwise, these objects can only be obtained by calling IntersectionObserver.takeRecords()
.
Properties
IntersectionObserverEntry.boundingClientRect
Read only- Returns the bounds rectangle of the target element as a
DOMRectReadOnly
. The bounds are computed as described in the documentation forElement.getBoundingClientRect()
. IntersectionObserverEntry.intersectionRatio
Read only- Returns the ratio of the
intersectionRect
to theboundingClientRect
. IntersectionObserverEntry.intersectionRect
Read only- Returns a
DOMRectReadOnly
representing the target's visible area. IntersectionObserverEntry.isIntersecting
Read only- A Boolean value which is
true
if the target element intersects with the intersection observer's root. If this istrue
, then, theIntersectionObserverEntry
describes a transition into a state of intersection; if it'sfalse
, then you know the transition is from intersecting to not-intersecting. IntersectionObserverEntry.rootBounds
Read only- Returns a
DOMRectReadOnly
for the intersection observer's root. IntersectionObserverEntry.target
Read only- The
Element
whose intersection with the root changed. IntersectionObserverEntry.time
Read only- A
DOMHighResTimeStamp
indicating the time at which the intersection was recorded, relative to theIntersectionObserver
's time origin.
Methods
This interface has no methods.
Specifications
Specification | Status | Comment |
---|---|---|
Intersection Observer The definition of 'IntersectionObserverEntry' in that specification. | Working Draft | Initial definition |
Browser compatibility
BCD tables only load in the browser
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论