SnapEvent: snapTargetInline-Eigenschaft

Limited availability

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

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die snapTargetInline-Eigenschaft des SnapEvent-Interfaces gibt eine Referenz auf das Element zurück, das in die Inline-Richtung eingefangen wurde, als das Ereignis ausgelöst wurde.

Genauer gesagt:

  • Im Fall des scrollsnapchanging-Ereignisses bezieht sich dies auf ein bevorstehendes Snap-Ziel in Inline-Richtung (d.h. es wird ausgewählt, wenn die aktuelle Scrollgeste endet).
  • Im Fall des scrollsnapchange-Ereignisses bezieht sich dies auf ein neu ausgewähltes Snap-Ziel in Inline-Richtung.

Die auf SnapEvent verfügbaren Eigenschaftswerte entsprechen direkt dem Wert der scroll-snap-type CSS-Eigenschaft, die auf dem Scroll-Container festgelegt ist. snapTargetInline gibt nur dann eine Elementreferenz zurück, wenn die Snap-Achse als inline (oder ein physikalischer Achsenwert, der in der aktuellen Schreibrichtung inline entspricht) oder both spezifiziert ist.

Wert

Ein Node, das das eingefangene Element darstellt, oder null, wenn das Scroll-Snapping nur in der Block-Richtung erfolgt, sodass kein Element in der Inline-Richtung eingefangen wird.

Wenn das eingefangene Element ein Pseudo-Element war, wird der zurückgegebene Node das besitzende Element dieses Pseudo-Elements sein.

Beispiele

Siehe die Hauptseite des SnapEvent für kurze Beispiele und unseren Verwendung von Scroll-Snap-Ereignissen-Leitfaden für vollständige Beispiele und Erklärungen.

Spezifikationen

Specification
CSS Scroll Snap Module Level 2
# dom-snapevent-snaptargetinline

Browser-Kompatibilität

Siehe auch