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.

In diesem Artikel

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

Spezifikation

Intersection Observer
# dom-intersectionobserverentry-target

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

Intersection Observer API
IntersectionObserverEntry
Konstruktor
1. IntersectionObserverEntry()
Instanzeigenschaften
Verwandte Seiten für Intersection Observer API
1. IntersectionObserver
Anleitungen
1. Timing element visibility with the Intersection Observer API