IntersectionObserverEntry
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
(en-US) 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
(en-US) Lecture seule-
Retourne le ratio de l'
intersectionRect
auboundingClientRect
. IntersectionObserverEntry.intersectionRect
(en-US) Lecture seule-
Retourne un
DOMRectReadOnly
représentant la partie visible de l'élément cible. IntersectionObserverEntry.isIntersecting
(en-US) 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
(en-US) 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
(en-US) 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