IntersectionObserverEntry : propriété target
Baseline
Large disponibilité
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.
La propriété en lecture seule target de l'interface IntersectionObserverEntry indique quel Element ciblé a vu sa proportion d'intersection avec la racine d'intersection changer.
Valeur
La propriété target de IntersectionObserverEntry indique quel Element précédemment ciblé en appelant IntersectionObserver.observe() a vu sa proportion d'intersection avec la racine changer.
Exemples
Dans cet exemple simple, chaque élément ciblé voit son opacity paramétrée avec la valeur de intersectionRatio.
js
function intersectionCallback(entries) {
entries.forEach((entry) => {
entry.target.style.opacity = entry.intersectionRatio;
});
}
Pour un exemple plus concret, voir Gérer les changements d'intersection.
Spécifications
| Spécification |
|---|
| Intersection Observer # dom-intersectionobserverentry-target |