IntersectionObserver: root 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 root-Eigenschaft des IntersectionObserver-Interfaces identifiziert das Element oder Document, dessen Grenzen als Bounding-Box des Viewports für das Element behandelt werden, das das Ziel des Beobachters ist.

Wenn root null ist, werden die Grenzen des tatsächlichen Dokuments Viewport verwendet.

Wert

Ein Element oder Document-Objekt, dessen Bounding-Box als die Grenzen des Viewports für die Bestimmung, wie viel vom Zielelement sichtbar ist, verwendet wird. Der Schnittpunkt dieses um Randabstände offsettierten Begrenzungsrechtecks, die in den an den IntersectionObserver()-Konstruktor übergebenen Optionen festgelegt sind, den Grenzen des Zielelements, abzüglich der Grenzen jedes Elements oder Objekts, das das Zielelement überlappt, wird als der sichtbare Bereich des Zielelements betrachtet.

Wenn root null ist, wird das übergeordnete Dokument als Wurzel verwendet, und die Grenzen seines Viewports (das heißt, der sichtbare Bereich des Dokuments) werden als Wurzelgrenzen verwendet.

Beispiele

In diesem Beispiel wird der border des Wurzelelements des Intersection Observers auf eine mittelgrüne Linie von 2 Pixeln gesetzt.

js
observer.root.style.border = "2px solid #44aa44";

Spezifikationen

Specification
Intersection Observer
# dom-intersectionobserver-root

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch