Scrollbar 滚动条

用于替换浏览器原生滚动条。

基础用法

横向滚动

最大高度

手动滚动

Scrollbar 属性

属性说明类型可选值默认值
height滚动条高度string / number
max-height滚动条最大高度string / number
native是否使用原生滚动条样式booleanfalse
wrap-style包裹容器的自定义样式string
wrap-class包裹容器的自定义类名string
view-style视图的自定义样式string
view-class视图的自定义类名string
noresize不响应容器尺寸变化,如果容器尺寸不会发生变化,最好设置它可以优化性能booleanfalse
tag视图的元素标签stringdiv
always滚动条总是显示booleanfalse
min-size滚动条最小尺寸number20

Scrollbar 事件

事件名说明参数
scroll滚动时触发的事件滚动距离 { scrollLeft, scrollTop }

Scrollbar 方法

方法名说明参数
scrollTo滚动到一组特定坐标(options: ScrollToOptions | number, yCoord?: number)
setScrollTop设置滚动条到顶部的距离(scrollTop: number)
setScrollLeft设置滚动条到左边的距离(scrollLeft: number)
update手动更新滚动条状态

Scrollbar 插槽

名称说明
自定义默认内容

源代码

组件文档

贡献者