IntersectionObserverEntry: isIntersecting-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 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.

js
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

Specification
Intersection Observer
# dom-intersectionobserverentry-isintersecting

Browser-Kompatibilität