IntersectionObserverEntry: isIntersecting-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 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
| Spezifikation |
|---|
| Intersection Observer # dom-intersectionobserverentry-isintersecting |