项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。
仅桌面端保证样式

Scrollbar 滚动条 ​

自绘滚动条容器:细滚动条样式与页面整体观感一致,支持横向 + 纵向双向 thumb;native 时退回系统滚动条。对应轴向没有溢出时不会出现假滚动条。

基础用法 ​

固定高度,内容溢出出现纵向滚动条(滚动试试):

列表项 1
列表项 2
列表项 3
列表项 4
列表项 5
列表项 6
列表项 7
列表项 8
列表项 9
列表项 10
列表项 11
列表项 12

常驻滚动条与系统样式 ​

always 让 thumb 不随滚动消失;native 走系统滚动条样式:

常驻 thumb 1
常驻 thumb 2
常驻 thumb 3
常驻 thumb 4
常驻 thumb 5
常驻 thumb 6
常驻 thumb 7
常驻 thumb 8
系统滚动条 1
系统滚动条 2
系统滚动条 3
系统滚动条 4
系统滚动条 5
系统滚动条 6
系统滚动条 7
系统滚动条 8

Scrollbar Props

参数说明类型默认值
height / maxHeight容器高度(数字按 px,字符串原样)string | number—
native使用系统滚动条样式booleanfalse
alwaysthumb 常驻显示(默认滚动停止后淡出)booleanfalse
minSizethumb 最小尺寸(px)number20
tag内容层渲染的元素标签stringdiv
wrapClass / wrapStyle滚动容器层类名与样式string | array | object
viewClass / viewStyle内容层类名与样式string | array | object