Web/API/IntersectionObserverEntry

From Get docs


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 Status Comment
Intersection ObserverThe definition of 'IntersectionObserverEntry' in that specification. Working Draft Initial definition

Browser compatibility

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.

Update compatibility data on GitHub

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet

IntersectionObserverEntry

Experimental'

Chrome

Full support 51

Edge

Full support 15

Firefox Full support 55


Full support 55


No support 53 — 55

Disabled'

Disabled' From version 53 until version 55 (exclusive): this feature is behind the dom.IntersectionObserver.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

IE

No support No

Opera

Full support Yes

Safari

Full support 12.1

WebView Android

Full support 51

Chrome Android

Full support 51

Firefox Android

?

Opera Android

?

Safari iOS

?

Samsung Internet Android

Full support 5.0

boundingClientRect

Experimental'

Chrome

Full support 51

Edge

Full support 15

Firefox Full support 55


Full support 55


No support 53 — 55

Disabled'

Disabled' From version 53 until version 55 (exclusive): this feature is behind the dom.IntersectionObserver.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

IE

No support No

Opera

Full support Yes

Safari

?

WebView Android

Full support 51

Chrome Android

Full support 51

Firefox Android

?

Opera Android

?

Safari iOS

?

Samsung Internet Android

Full support 5.0

intersectionRatio

Experimental'

Chrome

Full support 51

Edge

Full support 15

Firefox Full support 55


Full support 55


No support 53 — 55

Disabled'

Disabled' From version 53 until version 55 (exclusive): this feature is behind the dom.IntersectionObserver.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

IE

No support No

Opera

Full support Yes

Safari

?

WebView Android

Full support 51

Chrome Android

Full support 51

Firefox Android

?

Opera Android

?

Safari iOS

?

Samsung Internet Android

Full support 5.0

intersectionRect

Experimental'

Chrome

Full support 51

Edge

Full support 15

Firefox Full support 55


Full support 55


No support 53 — 55

Disabled'

Disabled' From version 53 until version 55 (exclusive): this feature is behind the dom.IntersectionObserver.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

IE

No support No

Opera

Full support Yes

Safari

?

WebView Android

Full support 51

Chrome Android

Full support 51

Firefox Android

?

Opera Android

?

Safari iOS

?

Samsung Internet Android

Full support 5.0

isIntersecting

Experimental'

Chrome

Full support 51

Edge

Full support 16

Firefox Full support 55


Full support 55


No support 53 — 55

Disabled'

Disabled' From version 53 until version 55 (exclusive): this feature is behind the dom.IntersectionObserver.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

IE

No support No

Opera

Full support Yes

Safari

Full support 12.1

WebView Android

Full support 51

Chrome Android

Full support 51

Firefox Android

?

Opera Android

?

Safari iOS

?

Samsung Internet Android

Full support 5.0

rootBounds

Experimental'

Chrome

Full support 51

Edge

Full support 15

Firefox Full support 55


Full support 55


No support 53 — 55

Disabled'

Disabled' From version 53 until version 55 (exclusive): this feature is behind the dom.IntersectionObserver.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

IE

No support No

Opera

Full support Yes

Safari

?

WebView Android

Full support 51

Chrome Android

Full support 51

Firefox Android

?

Opera Android

?

Safari iOS

?

Samsung Internet Android

Full support 5.0

target

Experimental'

Chrome

Full support 51

Edge

Full support 15

Firefox Full support 55


Full support 55


No support 53 — 55

Disabled'

Disabled' From version 53 until version 55 (exclusive): this feature is behind the dom.IntersectionObserver.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

IE

No support No

Opera

Full support Yes

Safari

?

WebView Android

Full support 51

Chrome Android

Full support 51

Firefox Android

?

Opera Android

?

Safari iOS

?

Samsung Internet Android

Full support 5.0

time

Experimental'

Chrome

Full support 51

Edge

Full support 15

Firefox Full support 55


Full support 55


No support 53 — 55

Disabled'

Disabled' From version 53 until version 55 (exclusive): this feature is behind the dom.IntersectionObserver.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

IE

No support No

Opera

Full support Yes

Safari

?

WebView Android

Full support 51

Chrome Android

Full support 51

Firefox Android

?

Opera Android

?

Safari iOS

?

Samsung Internet Android

Full support 5.0

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
Experimental. Expect behavior to change in the future.'
Experimental. Expect behavior to change in the future.
User must explicitly enable this feature.'
User must explicitly enable this feature.