仅桌面端保证样式
Scrollbar 滚动条
自绘滚动条容器:细滚动条样式与页面整体观感一致,支持横向 + 纵向双向 thumb;native 时退回系统滚动条。对应轴向没有溢出时不会出现假滚动条。
基础用法
固定高度,内容溢出出现纵向滚动条(滚动试试):
常驻滚动条与系统样式
always 让 thumb 不随滚动消失;native 走系统滚动条样式:
Scrollbar Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| height / maxHeight | 容器高度(数字按 px,字符串原样) | string | number | — |
| native | 使用系统滚动条样式 | boolean | false |
| always | thumb 常驻显示(默认滚动停止后淡出) | boolean | false |
| minSize | thumb 最小尺寸(px) | number | 20 |
| tag | 内容层渲染的元素标签 | string | div |
| wrapClass / wrapStyle | 滚动容器层类名与样式 | string | array | object | |
| viewClass / viewStyle | 内容层类名与样式 | string | array | object |