IntersectionObserverEntry
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.
* Some parts of this feature may have varying levels of support.
Das IntersectionObserverEntry-Interface der Intersection Observer API beschreibt die Schnittfläche zwischen dem Zielelement und seinem Wurzelcontainer zu einem bestimmten Übergangsmoment.
Instanzen von IntersectionObserverEntry werden an einen IntersectionObserver-Rückruf in dessen entries-Parameter übermittelt; andernfalls können diese Objekte nur durch Aufrufen von IntersectionObserver.takeRecords() erhalten werden.
Instanzeigenschaften
IntersectionObserverEntry.boundingClientRectSchreibgeschützt-
Gibt das Begrenzungsrechteck des Zielelements als
DOMRectReadOnlyzurück. Die Grenzen werden wie in der Dokumentation zuElement.getBoundingClientRect()beschrieben berechnet. IntersectionObserverEntry.intersectionRatioSchreibgeschützt-
Gibt das Verhältnis des
intersectionRectzumboundingClientRectzurück. IntersectionObserverEntry.intersectionRectSchreibgeschützt-
Gibt ein
DOMRectReadOnlyzurück, das den sichtbaren Bereich des Ziels darstellt. IntersectionObserverEntry.isIntersectingSchreibgeschützt-
Ein boolescher Wert, der
trueist, wenn das Zielelement mit der Wurzel des Schnittüberwachers schneidet. Wenn diestrueist, beschreibt dasIntersectionObserverEntryeinen Übergang in einen Schnittzustand; wenn esfalseist, wissen Sie, dass der Übergang von schneidend zu nicht-schneidend erfolgt. IntersectionObserverEntry.rootBoundsSchreibgeschützt-
Gibt ein
DOMRectReadOnlyfür die Wurzel des Schnittüberwachers zurück. IntersectionObserverEntry.targetSchreibgeschützt-
Das
Element, dessen Schnitt mit der Wurzel sich geändert hat. IntersectionObserverEntry.timeSchreibgeschützt-
Ein
DOMHighResTimeStamp, der die Zeit angibt, zu der der Schnitt aufgezeichnet wurde, relativ zum Ursprung der Zeit desIntersectionObserver.
Instanzmethoden
Dieses Interface hat keine Methoden.
Spezifikationen
| Specification |
|---|
| Intersection Observer> # intersection-observer-entry> |
Browser-Kompatibilität
Loading…