This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The IntersectionObserverEntry
interface's read-only rootBounds
property is a DOMRectReadOnly
corresponding to the target
's root intersection rectangle, offset by the IntersectionObserver.rootMargin
if one is specified.
Syntax
var rootBounds =
IntersectionObserverEntry.rootBounds;
Value
A DOMRectReadOnly
which describes the root intersection rectangle. For roots which are the Document
's viewport, this rectangle is the bounds rectangle of the entire document. Otherwise, it's the bounds of the root element.
This rectangle is offset by the values in IntersectionObserver.rootMargin
.
Specifications
Specification | Status | Comment |
---|---|---|
Intersection Observer The definition of 'IntersectionObserverEntry.rootBounds' in that specification. |
Working Draft | Initial definition |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
rootBounds | Chrome Full support 51 | Edge Full support 15 | Firefox
Full support
55
| IE No support No | Opera Full support Yes | Safari ? | WebView Android Full support 51 | Chrome Android Full support 51 | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android Full support 5.0 |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.
- User must explicitly enable this feature.
- User must explicitly enable this feature.