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 pourElement.getBoundingClientRect()
. IntersectionObserverEntry.intersectionRatio
Lecture seule-
Retourne le ratio de l'
intersectionRect
auboundingClientRect
. 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 vauttrue
, alorsIntersectionObserverEntry
décrit une transition vers un état d'intersection ; S'il vautfalse
, 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