This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
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
- Returns the result of calling
Element.getBoundingClientRect()on the target as a
- Returns the ratio of the
- Returns a
DOMRectReadOnlyrepresenting the target's visible area.
- A Boolean value which is
trueif the target element intersects with the intersection observer's root. If this is
true, then, the
IntersectionObserverEntrydescribes a transition into a state of intersection; if it's
false, then you know the transition is from intersecting to not-intersecting.
- Returns a
DOMRectReadOnlyfor the intersection observer's root.
Elementwhose intersection with the root changed.
DOMHightResTimeStampindicating the time at which the intersection was recorded, relative to the
IntersectionObserver's "time origin" in DOMHighResTimeStamp.
This interface has no methods.
The definition of 'IntersectionObserverEntry' in that specification.
|Editor's Draft||Initial definition|
|Feature||Chrome||Edge||Firefox (Gecko)||Internet Explorer||Opera||Safari (WebKit)|
|Basic support||51.0||(Yes)||55 (55)||No support||?||?|
|Feature||Android||Android Webview||Edge||Firefox Mobile (Gecko)||Firefox OS||IE Mobile||Opera Mobile||Safari Mobile||Chrome for Android|
|Basic support||No support||51.0||(Yes)||55.0 (55)||No support||No support||?||?||51.0|
 This feature is available since the Windows Insider Preview Build 14986.
 This feature has been implemented since Firefox 53 behind the preference
dom.IntersectionObserver.enabled, which was
false by default. Enabled by default beginning in Firefox 55. See bug 1243846.