Scroll Snap Stop
Kawal kelakuan hentian snap skrol
Sintaks
visual="snap-stop:[value]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
normal | scroll-snap-stop: normal | Hentian biasa |
always | scroll-snap-stop: always | Sentiasa berhenti |
Contoh
html
<div visual="snap-stop:always">Always stop here</div>Pratonton
Hentian Snap
visual="snap-stop:always" - Kawal sama ada berhenti di titik snap
normal
always
Lihat Kod
html
<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
<div space="p:small" visual="bg:primary text:white rounded:small">normal</div>
<div space="p:small" visual="bg:primary text:white rounded:small">always</div>
</div>