IntersectionObserverEntry
Baseline
Widely available
*
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis mars 2019.
* Certaines parties de cette fonctionnalité peuvent bénéficier de prise en charge variables.
Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.
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.boundingClientRectLecture 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.intersectionRatioLecture seule-
Retourne le ratio de l'
intersectionRectauboundingClientRect. IntersectionObserverEntry.intersectionRectLecture seule-
Retourne un
DOMRectReadOnlyreprésentant la partie visible de l'élément cible. IntersectionObserverEntry.isIntersectingLecture seule-
Retourne une valeur booléenne valant
truesi l'élément cible s'entrecoupe avec la zone d'intersection de l'élément racine. S'il vauttrue, alorsIntersectionObserverEntrydé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.rootBoundsLecture seule-
Retourne un
DOMRectReadOnlypour la zone d'intersection de l'élément racine. IntersectionObserverEntry.targetLecture seule-
L'
Elementdont l'intersection avec la racine a changé d'état. IntersectionObserverEntry.timeLecture seule-
Un
DOMHighResTimeStampindiquant 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
Chargement…