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, bevor Sie diese produktiv verwenden.
Die snapTargetInline
-Eigenschaft der SnapEvent
-Schnittstelle gibt einen Verweis auf das Element zurück, das bei Auslösen des Ereignisses in der Inline-Richtung gefangen wurde.
Konkret:
- Im Falle des
scrollsnapchanging
-Ereignisses bezieht sich dies auf ein ausstehendes Snap-Ziel in der Inline-Richtung (d.h. es wird ausgewählt, wenn die aktuelle Scroll-Geste endet). - Im Falle des
scrollsnapchange
-Ereignisses bezieht sich dies auf ein neu ausgewähltes Snap-Ziel in der Inline-Richtung.
Die auf SnapEvent
verfügbaren Eigenschaftswerte entsprechen direkt dem Wert der scroll-snap-type
-CSS-Eigenschaft, die im Scroll-Container festgelegt ist. snapTargetInline
gibt nur dann einen Elemente-Verweis zurück, wenn die Snap-Achse als inline
(oder ein physischer Achsenwert, der in der aktuellen Schreibrichtung inline
entspricht) oder both
angegeben ist.
Wert
Ein Node
, der das gefangene Element darstellt, oder null
, wenn das Scroll-Snapping nur in der Blockrichtung auftritt, sodass kein Element in der Inline-Richtung gefangen wird.
Wenn das gefangene Element ein Pseudo-Element war, wird der zurückgegebene Node
das besitzende Element dieses Pseudo-Elements sein.
Beispiele
Siehe die Hauptseite SnapEvent
für kurze Beispiele und unseren Leitfaden zur Verwendung von Scroll-Snap-Ereignissen für vollständige Beispiele und Erklärungen.
Spezifikationen
Specification |
---|
CSS Scroll Snap Module Level 2 # dom-snapevent-snaptargetinline |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
scrollsnapchanging
-Ereignisscrollsnapchange
-Ereignis- CSS Scroll-Snap-Modul
- Scroll Snap Events auf developer.chrome.com (2024)