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.
observer.root.style.border = "2px solid #44aa44";
Spezifikationen
Specification |
---|
Intersection Observer # dom-intersectionobserver-root |
Browser-Kompatibilität
BCD tables only load in the browser