{{SeeCompatTable}}{{APIRef("")}}
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 {{domxref("IntersectionObserver.takeRecords", "IntersectionObserver.takeRecords()")}}.
Properties
- {{domxref("IntersectionObserverEntry.boundingClientRect")}} {{readonlyinline}}
- Returns a {{domxref("DOMRectReadOnly")}} for the intersection observer's target.
- {{domxref("IntersectionObserverEntry.intersectionRatio")}} {{readonlyinline}}
- Returns the ratio of the
intersectionRect
to theboundingClientRect
. - {{domxref("IntersectionObserverEntry.intersectionRect")}} {{readonlyinline}}
- Returns a {{domxref("DOMRectReadOnly")}} for the visible portion of the intersection observer's target.
- {{domxref("IntersectionObserverEntry.rootBounds")}} {{readonlyinline}}
- Returns a {{domxref("DOMRectReadOnly")}} for the intersection observer's root.
- {{domxref("IntersectionObserverEntry.time")}} {{readonlyinline}}
- Returns a {{domxref("DOMHightResTimeStamp")}} indicating when the intersection occurred.
Specifications
Specification | Status | Comment |
---|---|---|
{{SpecName('IntersectionObserver','#intersection-observer-entry','IntersectionObserverEntry')}} | {{Spec2('IntersectionObserver')}} | Initial definition. |
Browser Compatibility
{{CompatibilityTable}}
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support |
{{CompatChrome(51.0)}} |
{{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} |
Feature | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|---|
Basic support | {{CompatNo}} | {{CompatChrome(51.0)}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatChrome(51.0)}} |