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 schreibgeschützte Eigenschaft des
SnapEvent Interfaces gibt eine Referenz auf das Element zurück, das in der Inline-Richtung eingejappt wurde, als das Ereignis ausgelöst wurde.
Konkret bedeutet dies:
- Im Fall des
scrollsnapchanging-Ereignisses bezieht sich dies auf ein ausstehendes Snapziel 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 Snapziel in Inline-Richtung.
Die auf SnapEvent verfügbaren Eigenschaftswerte entsprechen direkt dem Wert der scroll-snap-type CSS-Eigenschaft, die am Scroll-Container gesetzt ist. snapTargetInline gibt nur dann eine Elementreferenz zurück, wenn die Snap-Achse als inline (oder ein physikalischer Achsenwert, der im aktuellen Schreibrichtungmodus inline entspricht) oder both angegeben ist.
Wert
Ein Node, der das eingerastete Element darstellt, oder null, wenn das Scroll-Snapping nur in Blockrichtung erfolgt, sodass kein Element in Inline-Richtung eingejappt wird.
Wenn das eingerastete Element ein Pseudo-Element war, wird der zurückgegebene Node das besitzende Element dieses Pseudo-Elements sein.
Beispiele
Sehen Sie sich die Hauptseite SnapEvent für kurze Beispiele und unseren Verwendung von Scroll-Snap-Ereignissen Leitfaden für vollständige Beispiele und Erklärungen an.
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)