IntersectionObserver.root

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2019.

La propriété en lecture seule root de l'interface IntersectionObserver identifie l'Element ou le Document dont les bornes sont considérées comme la zone englobante (bounding box) de la zone d'affichage (viewport) au sein de laquelle les intersections avec la cible sont observées. Si root vaut null, ce sont les limites de la zone d'affichage (viewport) courantes qui sont utilisées.

Syntaxe

js
root = IntersectionObserver.root;

Valeur

Un objet Element ou Document dont la boîte englobante est utilisée pour définir les limites de la zone de visibilité utilisée pour déterminer la proportion de l'élément cible qui est visible. L'intersection de ce rectangle délimiteur, décalé par toute marge spécifiée au moyen des options passées au constructeur de l'IntersectionObserver() (voir options.rootMargin), les limites de la zone recouverte par l'élément cible, moins les limites de la zone recouverte par chaque élément ou autre objet chevauchant l'élément cible, est considéré comme la partie visible de l'élément.

Si root vaut null, ce sera le document parent qui sera considéré comme racine et la zone d'intersection sera la zone d'affichage (viewport).

Exemple

Cet exemple définit la propriété border de l'élément racine de l'observateur d'intersection comme une ligne verte moyenne de 2 pixels grâce aux propriétés exposées par CSSOM.

js
observer.root.style.border = "2px solid #44aa44";

Spécifications

Specification
Intersection Observer
# dom-intersectionobserver-root

Compatibilité des navigateurs

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
root

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Voir aussi