ScrollArea
滚动照旧是原生的(惯性、键盘、读屏都不变),只把滚动条换成跟 token 走的细条:Windows 上不再是粗灰条,macOS 上也不随系统设置一直显示。高度或宽度由 class 给(h-56、max-h-80)。
纵向与横向
type定滚动条何时出现:hover(缺省,悬停或滚动时)、scroll(滚动时)、auto(溢出就常显)、always。orientation取vertical(缺省)、horizontal、both。横向滚动的内容要自己撑开宽度(w-max)。
整页滚动不要套它:浏览器自己的滚动条与地址栏收起、下拉刷新这些行为绑在一起,换掉得不偿失。
API
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
type | "hover" | "always" | "scroll" | "auto" | undefined | "hover" | 滚动条何时出现:hover(缺省,悬停或滚动时)/ scroll(滚动时)/ auto(内容溢出就常显)/ always |
orientation | "vertical" | "horizontal" | "both" | undefined | "vertical" | 哪个方向可滚,缺省纵向 |
Slots
| 插槽 | 说明 |
|---|---|
default | — |