Scroll Behavior
Tetapkan kelakuan skrol
Sintaks
visual="scroll-behavior:[value]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
auto | scroll-behavior: auto | Skrol serta-merta |
smooth | scroll-behavior: smooth | Skrol lancar |
Contoh
html
<html visual="scroll-behavior:smooth">Smooth scrolling</html>Pratonton
Kelakuan Skrol
visual="scroll-behavior:smooth" - Skrol lancar atau serta-merta
auto
smooth
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">auto</div>
<div space="p:small" visual="bg:primary text:white rounded:small">smooth</div>
</div>