{{SeeCompatTable}}{{APIRef("")}}
The IntersectionObserver
interface of the the Intersection Observer API provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.
Constructor
- {{domxref("IntersectionObserver.IntersectionObserver()")}}
- Creates a new
IntersectionObserver
object.
Properties
- {{domxref("IntersectionObserver.root")}} {{readonlyinline}}
- TBD
- {{domxref("IntersectionObserver.rootMargin")}} {{readonlyinline}}
- TBD
- {{domxref("IntersectionObserver.thresholds")}} {{readonlyinline}}
- TBD
Methods
- {{domxref("IntersectionObserver.disconnect")}}
- TBD
- {{domxref("IntersectionObserver.observe")}}
- TBD
- {{domxref("IntersectionObserver.takeRecords")}}
- TBD
- {{domxref("IntersectionObserver.unobserve")}}
- TBD
-
Examples
// TBD
Specifications
Specification | Status | Comment |
---|---|---|
{{SpecName('IntersectionObserver','#intersection-observer-private-slots','IntersectionObserver')}} | {{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)}} |