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

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.

Methods

This interface has no methods.

Specifications

Specification
Intersection Observer
# intersection-observer-entry

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
51
15
55
No
Yes
12.1
51
51
55
?
12.2
5.0
IntersectionObserverEntry
No
15-79
No
No
No
12.1
No
No
No
No
12.2
No
boundingClientRect
51
15
55
No
Yes
12.1
51
51
55
?
12.2
5.0
intersectionRatio
51
15
55
No
Yes
12.1
51
51
55
?
12.2
5.0
intersectionRect
51
15
55
No
Yes
12.1
51
51
55
?
12.2
5.0
isIntersecting
51
16
55
No
Yes
12.1
51
51
55
?
12.2
5.0
rootBounds
51
15
55
No
Yes
12.1
51
51
55
?
12.2
5.0
target
51
15
55
No
Yes
12.1
51
51
55
?
12.2
5.0
time
51
15
55
No
Yes
12.1
51
51
55
?
12.2
5.0

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry