IntersectionObserverEntry: isIntersecting-Eigenschaft

Die schreibgeschützte isIntersecting-Eigenschaft der IntersectionObserverEntry-Schnittstelle ist ein Boolean-Wert, der true ist, wenn das Ziel-Element mit dem Root des Intersection Observer überschneidet.

Wenn dies true ist, beschreibt der IntersectionObserverEntry einen Übergang in einen Zustand der Überschneidung; wenn es false ist, wissen Sie, dass der Übergang von überschneidend zu nicht-überschneidend erfolgt.

Wert

Ein Boolean-Wert, der angibt, ob das target-Element in einen Zustand der Überschneidung übergegangen ist (true) oder aus einem Zustand der Überschneidung heraus (false).

Beispiele

In diesem einfachen Beispiel wird ein Überschneidungs-Callback verwendet, um einen Zähler zu aktualisieren, wie viele Ziel-Elemente aktuell mit dem Intersection Root überschneiden.

function intersectionCallback(entries) {
 entries.forEach((entry) => {
 if (entry.isIntersecting) {
 intersectingCount += 1;
 } else {
 intersectingCount -= 1;
 }
 });
}

Für ein konkreteres Beispiel schauen Sie sich Verarbeiten von Überschneidungsänderungen an.

Spezifikationen

Browser-Kompatibilität