SnapEvent: snapTargetBlock-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 snapTargetBlock-Eigenschaft des SnapEvent-Interfaces ist eine schreibgeschützte Eigenschaft, die eine Referenz auf das Element zurückgibt, zu dem im Block-Richtung geschnappt wurde, als das Ereignis ausgelöst wurde.
Konkret bedeutet dies:
- Im Fall des
scrollsnapchanging-Ereignisses bezieht sich dies auf ein ausstehendes Block-Richtung Snap-Ziel (d.h. es wird ausgewählt, wenn die aktuelle Scroll-Geste endet). - Im Fall des
scrollsnapchange-Ereignisses bezieht sich dies auf ein neu ausgewähltes Block-Richtung Snap-Ziel.
Die vorhandenen Eigenschaftswerte auf SnapEvent entsprechen direkt dem Wert der scroll-snap-type CSS-Eigenschaft, die auf dem Scroll-Container festgelegt ist. snapTargetBlock gibt nur dann eine Elementreferenz zurück, wenn die Snap-Achse als block (oder ein physikalischer Achsenwert, der im aktuellen Schreibmodus block entspricht) oder both spezifiziert ist.
Wert
Ein Node, der das geschnappte Element repräsentiert, oder null, wenn das Scroll-Snapping nur in der Inline-Richtung erfolgt, sodass kein Element in der Block-Richtung geschnappt wird.
Wenn das geschnappte 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 an, 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-snaptargetblock |
Browser-Kompatibilität
Siehe auch
scrollsnapchanging-Ereignisscrollsnapchange-Ereignis- CSS scroll snap module
- Scroll Snap Events auf developer.chrome.com (2024)