IntersectionObserverEntry
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()
.
Instance 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 for Element.getBoundingClientRect()
.
IntersectionObserverEntry.intersectionRatio
Read only
-
Returns the ratio of the intersectionRect
to the boundingClientRect
.
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 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
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 the IntersectionObserver
's time origin.
Instance methods
This interface has no methods.
Specifications
Browser compatibility
|
Desktop |
Mobile |
|
Chrome |
Edge |
Firefox |
Internet Explorer |
Opera |
Safari |
WebView Android |
Chrome Android |
Firefox for Android |
Opera Android |
Safari on IOS |
Samsung Internet |
IntersectionObserverEntry |
No |
15–79 |
No |
No |
No |
12.1 |
No |
No |
No |
No |
12.2 |
No |
IntersectionObserverEntry |
51 |
15 |
55 |
No |
38 |
12.1 |
51 |
51 |
55 |
41 |
12.2 |
5.0 |
boundingClientRect |
51 |
15 |
55 |
No |
38 |
12.1 |
51 |
51 |
55 |
41 |
12.2 |
5.0 |
intersectionRatio |
51 |
15 |
55 |
No |
38 |
12.1 |
51 |
51 |
55 |
41 |
12.2 |
5.0 |
intersectionRect |
51 |
15 |
55 |
No |
38 |
12.1 |
51 |
51 |
55 |
41 |
12.2 |
5.0 |
isIntersecting |
58 |
16 |
55 |
No |
45 |
12.1 |
58 |
58 |
55 |
43 |
12.2 |
7.0 |
rootBounds |
51 |
15 |
55 |
No |
38 |
12.1 |
51 |
51 |
55 |
41 |
12.2 |
5.0 |
target |
51 |
15 |
55 |
No |
38 |
12.1 |
51 |
51 |
55 |
41 |
12.2 |
5.0 |
time |
51 |
15 |
55 |
No |
38 |
12.1 |
51 |
51 |
55 |
41 |
12.2 |
5.0 |