IntersectionObserverEntry: target-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit März 2019 browserübergreifend verfügbar.
Die schreibgeschützte Eigenschaft target der IntersectionObserverEntry-Schnittstelle gibt an, welches gezielte Element seine Intersektion mit der Intersektionswurzel verändert hat.
Wert
Die target-Eigenschaft des IntersectionObserverEntry spezifiziert, welches durch den Aufruf von IntersectionObserver.observe() zuvor gezielte Element eine Veränderung in der Intersektion mit der Wurzel erfahren hat.
Beispiele
In diesem einfachen Beispiel wird die opacity jedes gezielten Elements auf dessen intersectionRatio gesetzt.
function intersectionCallback(entries) {
entries.forEach((entry) => {
entry.target.style.opacity = entry.intersectionRatio;
});
}
Um ein konkreteres Beispiel zu sehen, werfen Sie einen Blick auf Umgang mit Intersektionsänderungen.
Spezifikationen
| Spezifikation |
|---|
| Intersection Observer # dom-intersectionobserverentry-target |