IntersectionObserver: trackVisibility-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Die trackVisibility-Eigenschaft des IntersectionObserver-Interfaces ist eine nur-lesbare Eigenschaft, die angibt, ob der Observer zusätzlich zu den Elementüberschneidungen die Sichtbarkeit des Ziels verfolgt.

Wert

true, wenn die Sichtbarkeit für Schnittmengenberechnungen verfolgt wird, und false andernfalls.

Der Wert wird über das Argument option.trackVisibility an den IntersectionObserver()-Konstruktor festgelegt.

Beschreibung

Wenn die Sichtbarkeit nicht verfolgt wird, liefert der Observer Benachrichtigungen, wenn das Zielelement in das Viewport des Root-Elements hineingescolt wird. Dies sagt Ihnen jedoch nicht, ob das Zielelement in seiner Sichtbarkeit beeinträchtigt ist — es könnte teilweise von einem anderen Element überdeckt sein, eine reduzierte Deckkraft aufweisen oder durch einen Filter, eine Transformierung oder andere Modifikationen verzerrt sein.

Beim Verfolgen der Sichtbarkeit werden nur Elemente, die vom Browser als sichtbar betrachtet werden, als sich überschneidend angezeigt. Der Algorithmus ist konservativ und könnte Elemente auslassen, die technisch sichtbar sind, wie solche mit nur geringer Deckkraftreduzierung.

Beachten Sie, dass die Berechnung der Sichtbarkeit rechenintensiv ist. Um zu verhindern, dass der Vorgang zu oft ausgeführt wird, wird ein delay verwendet, um die minimale Berichtsperiode zu begrenzen.

Spezifikationen

Specification
Intersection Observer
# dom-intersectionobserver-trackvisibility

Browser-Kompatibilität

Siehe auch