Scrollbar 滚动条

更好看的滚动条

基本用法

使用滚动条需要固定高度

以前人们在四月开始收获
躺在高高的谷堆上面笑着
我穿过金黄的麦田
去给稻草人唱歌
等着落山风吹过
以前人们在四月开始收获
躺在高高的谷堆上面笑着
我穿过金黄的麦田
去给稻草人唱歌
等着落山风吹过
以前人们在四月开始收获
躺在高高的谷堆上面笑着
我穿过金黄的麦田
去给稻草人唱歌
等着落山风吹过
以前人们在四月开始收获
躺在高高的谷堆上面笑着
我穿过金黄的麦田
去给稻草人唱歌
等着落山风吹过

展开源码

横向滚动条

超出宽度会显示横向滚动条

以前人们在四月开始收获躺在高高的谷堆上面笑着我穿过金黄的麦田去给稻草人唱歌等着落山风吹过以前人们在四月开始收获躺在高高的谷堆上面笑着我穿过金黄的麦田去给稻草人唱歌等着落山风吹过

展开源码

触发方式

使用 trigger="none" 让滚动条一直显示

展开源码

尺寸

滚动条有两种尺寸

展开源码

Scrollbar 属性

名称	说明	类型	默认值
trigger	scrollbar 显示的触发方式	`'hover' \| 'none'`	`'hover'`
size	scrollbar 尺寸	`'medium' \| 'large'`	`'medium'`
onScroll	滚动监听事件	`(e: Event) => void`	`undefined`

Scrollbar 方法

名称	说明	参数
update	更新 scrollbar 状态	`()`
scrollTo	滚动内容	`(options?: ScrollToOptions)`
scrollBy	滚动特定距离	`(options?: ScrollToOptions)`

Scrollbar 滚动条 ​

基本用法 ​

横向滚动条 ​

触发方式 ​

尺寸 ​

Scrollbar 属性 ​

Scrollbar 方法 ​

Scrollbar 滚动条

基本用法

横向滚动条

触发方式

尺寸

Scrollbar 属性

Scrollbar 方法