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
scrollsnapchanging
-Ereignisscrollsnapchange
-Ereignis- CSS-Scroll-Snap-Modul
- Scroll Snap Events auf developer.chrome.com (2024)