IntersectionObserverEntry: target-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2019.
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.
js
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
| Specification |
|---|
| Intersection Observer # dom-intersectionobserverentry-target |