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 |