IntersectionObserverEntry

基线 广泛可用

此功能已经很成熟,可以在许多设备和浏览器版本上运行。它在浏览器中可用,自 2019 年 3 月.

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

实例属性

IntersectionObserverEntry.boundingClientRect 只读

Returns the bounds rectangle of the target element as a DOMRectReadOnly. The bounds are computed as described in the documentation for Element.getBoundingClientRect().

IntersectionObserverEntry.intersectionRatio 只读

Returns the ratio of the intersectionRect to the boundingClientRect.

IntersectionObserverEntry.intersectionRect 只读

Returns a DOMRectReadOnly representing the target's visible area.

IntersectionObserverEntry.isIntersecting 只读

A Boolean value which is true if the target element intersects with the intersection observer's root. If this is true, then, the IntersectionObserverEntry describes a transition into a state of intersection; if it's false, then you know the transition is from intersecting to not-intersecting.

IntersectionObserverEntry.rootBounds 只读

Returns a DOMRectReadOnly for the intersection observer's root.

IntersectionObserverEntry.target 只读

The Element whose intersection with the root changed.

IntersectionObserverEntry.time 只读

A DOMHighResTimeStamp indicating the time at which the intersection was recorded, relative to the IntersectionObserver's time origin.

实例方法

This interface has no methods.

规范

规范
Intersection Observer
# intersection-observer-entry

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。