Web/API/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	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.

IntersectionObserverEntry by Mozilla Contributors is licensed under CC-BY-SA 2.5.