BASELINE NowYouCanUse.com
Widely Available
id: intersection-observer

Intersection observer

The IntersectionObserver API asynchronously observes changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.
Baseline Status: Achieved Widely Available on Sep 25, 2021 (Cross-browser Newly Available since Mar 25, 2019).
Desktop Browser Engine Support
Google Chrome
58
Supported
Mozilla Firefox
55
Supported
Apple Safari
12.1
Supported
Microsoft Edge
16
Supported
Mobile Browser Engine Support
Chrome Android
58
Firefox Android
55
Safari iOS
12.2
Specifications and References
Specification ↗ Can I Use (intersectionobserver) ↗ Feature XML ↗
MDN Browser Compat Data Keys:
api.IntersectionObserver ↗ api.IntersectionObserver.IntersectionObserver ↗ api.IntersectionObserver.IntersectionObserver.options_root_parameter_Document ↗ api.IntersectionObserver.delay ↗ api.IntersectionObserver.disconnect ↗ api.IntersectionObserver.observe ↗ api.IntersectionObserver.root ↗ api.IntersectionObserver.rootMargin ↗ api.IntersectionObserver.scrollMargin ↗ api.IntersectionObserver.takeRecords ↗ api.IntersectionObserver.thresholds ↗ api.IntersectionObserver.trackVisibility ↗ api.IntersectionObserver.unobserve ↗ api.IntersectionObserverEntry ↗ api.IntersectionObserverEntry.IntersectionObserverEntry ↗ api.IntersectionObserverEntry.boundingClientRect ↗ api.IntersectionObserverEntry.intersectionRatio ↗ api.IntersectionObserverEntry.intersectionRect ↗ api.IntersectionObserverEntry.isIntersecting ↗ api.IntersectionObserverEntry.isVisible ↗ api.IntersectionObserverEntry.rootBounds ↗ api.IntersectionObserverEntry.target ↗ api.IntersectionObserverEntry.time ↗