IntersectionObserverEntry.target
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.
La propriété en lecture seule target, rattachée à l'interface IntersectionObserverEntry indique l'élément ciblé pour lequel la proportion d'intersection avec la racine d'intersection a changé.
Valeur
La propriété target de IntersectionObserverEntry indique l'élément précédemment ciblé en appelant IntersectionObserver.observe() pour lequel un changement d'intersection avec la racine a eu lieu.
Exemples
Dans cet exemple simple, chaque élément ciblé voit son opacité paramétrée avec la valeur de intersectionRatio.
function intersectionCallback(entries) {
entries.forEach((entry) => {
entry.target.opacity = entry.intersectionRatio;
});
}
Pour un exemple plus concret, voir Gérer les changements d'intersection.
Spécifications
| Specification |
|---|
| Intersection Observer # dom-intersectionobserverentry-target |
Compatibilité des navigateurs
Chargement…