This article needs a technical review. How you can help.
This article needs an editorial review. How you can help.
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.
The IntersectionObserverEntry
interface of the the Intersection Observer API provides information about the intersection of a particular target with the observers root element at a particular time. Instances of this interface cannot be created, but a list of them is returned by IntersectionObserver.takeRecords()
.
Properties
IntersectionObserverEntry.boundingClientRect
Read only- Returns a
DOMRectReadOnly
for the intersection observer's target. IntersectionObserverEntry.intersectionRatio
Read only- Returns the ratio of the
intersectionRect
to theboundingClientRect
. IntersectionObserverEntry.intersectionRect
Read only- Returns a
DOMRectReadOnly
for the visible portion of the intersection observer's target. IntersectionObserverEntry.rootBounds
Read only- Returns a
DOMRectReadOnly
for the intersection observer's root. IntersectionObserverEntry.time
Read only- Returns a
DOMHightResTimeStamp
indicating when the intersection occurred.
Specifications
Specification | Status | Comment |
---|---|---|
Intersection Observer The definition of 'IntersectionObserverEntry' in that specification. |
Editor's Draft | Initial definition. |
Browser Compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support |
51.0 |
? | ? | ? | ? |
Feature | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|---|
Basic support | No support | 51.0 | ? | ? | ? | ? | ? | 51.0 |