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 März 2019.
Die root-Eigenschaft der Schnittstelle IntersectionObserver, die nur gelesen werden kann, identifiziert das Element oder das Dokument, dessen Grenzen als Begrenzungsrahmen des Viewports für das Element angesehen werden, welches das Ziel des Beobachters ist.
Wenn das root null ist, werden die Grenzen des tatsächlichen Dokument-Viewports verwendet.
Wert
Ein Element oder Dokument-Objekt, dessen Begrenzungsrahmen als die Grenzen des Viewports verwendet werden, um zu bestimmen, wie viel vom Ziel-Element sichtbar ist.
Der Schnittpunkt dieses begrenzenden Rechtecks, versetzt um alle in den Optionen angegebenen Margen, die an den Konstruktor IntersectionObserver() übergeben werden, mit den Grenzen des Ziel-Elements, minus den Grenzen jedes Elements oder anderen Objekts, das das Ziel-Element überlappt, wird als der sichtbare Bereich des Ziel-Elements angesehen.
Wenn root null ist, wird das zugehörige Dokument als Wurzel verwendet und die Grenzen seines Viewports (d.h. der sichtbare Bereich des Dokuments) werden als die Wurzelgrenzen verwendet.
Beispiele
In diesem Beispiel wird die border des Root-Elements des Intersection Observers auf eine 2-Pixel breite mittelgrüne Linie gesetzt.
observer.root.style.border = "2px solid #44aa44";
Spezifikationen
| Specification |
|---|
| Intersection Observer # dom-intersectionobserver-root |
Browser-Kompatibilität
Loading…