Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
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 März 2019.
Die schreibgeschützteisIntersecting-Eigenschaft derIntersectionObserverEntry-Schnittstelle ist ein Boolean-Wert, dertrue ist, wenn das Ziel-Element mit dem Root des Intersection Observer überschneidet.
Wenn diestrue ist, beschreibt derIntersectionObserverEntry einen Übergang in einen Zustand der Überschneidung; wenn esfalse ist, wissen Sie, dass der Übergang von überschneidend zu nicht-überschneidend erfolgt.
Wert
Ein Boolean-Wert, der angibt, ob dastarget-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 demIntersection Root überschneiden.
function intersectionCallback(entries) { entries.forEach((entry) => { if (entry.isIntersecting) { intersectingCount += 1; } else { intersectingCount -= 1; } });}Für ein konkreteres Beispiel schauen Sie sichVerarbeiten von Überschneidungsänderungen an.
Spezifikationen
| Specification |
|---|
| Intersection Observer # dom-intersectionobserverentry-isintersecting |