Overscroll
Kawal kelakuan rantaian skrol
Sintaks
layout="overscroll:[value]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
auto | overscroll-behavior: auto | Kelakuan lalai |
contain | overscroll-behavior: contain | Kandung skrol |
none | overscroll-behavior: none | Tiada rantaian skrol |
Contoh
html
<div layout="overscroll:contain">Contained scroll</div>Pratonton
Kandungan Overscroll
layout="overscroll:contain" - Halang skrol daripada mempengaruhi induk
Scroll here won't chain to parent. Content continues for demo purposes to show scrolling behavior.
Lihat Kod
html
<div layout="overscroll:contain overflow:auto" space="p:small" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium" style="height: 60px;">
<p visual="text:neutral-800 dark:text:neutral-200">Scroll here won't chain to parent. Content continues for demo purposes to show scrolling behavior.</p>
</div>