IntersectionObserverEntry

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.

Expérimental: Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

L'interface IntersectionObserverEntry de l'API Intersection Observer décrit l'intersection entre l'élément cible et son conteneur (appelé racine) à un moment spécifique de transition.

Les instances de IntersectionObserverEntry sont délivrées à une fonction de rappel de l'IntersectionObserver en tant que paramètres entries ; autrement, ces objets ne peuvent être obtenus qu'en appelant IntersectionObserver.takeRecords().

Propriétés

IntersectionObserverEntry.boundingClientRect Lecture seule

Retourne les limites de la zone couverte par l'élément cible comme DOMRectReadOnly. Ces limites sont calculées comme décrit dans la documentation pour Element.getBoundingClientRect().

IntersectionObserverEntry.intersectionRatio Lecture seule

Retourne le ratio de l'intersectionRect au boundingClientRect.

IntersectionObserverEntry.intersectionRect Lecture seule

Retourne un DOMRectReadOnly représentant la partie visible de l'élément cible.

IntersectionObserverEntry.isIntersecting Lecture seule

Retourne une valeur booléenne valant true si l'élément cible s'entrecoupe avec la zone d'intersection de l'élément racine. S'il vaut true, alors IntersectionObserverEntry décrit une transition vers un état d'intersection ; S'il vaut false, alors la transition se fait d'un état d'intersection à un état de non-intersection.

IntersectionObserverEntry.rootBounds Lecture seule

Retourne un DOMRectReadOnly pour la zone d'intersection de l'élément racine.

IntersectionObserverEntry.target Lecture seule

L'Element dont l'intersection avec la racine a changé d'état.

IntersectionObserverEntry.time Lecture seule

Un DOMHighResTimeStamp indiquant l'instant auquel l'intersection a été enregistrée, relative au temps originel de l'IntersectionObserver.

Méthodes

Cette interface n'a pas de méthode.

Spécifications

Specification
Intersection Observer
# intersection-observer-entry

Compatibilité des navigateurs

BCD tables only load in the browser