## Scrollbar 滚动条 用于替换浏览器原生滚动条。 ### 基础用法 :::demo 通过 `height` 属性设置滚动条高度，若不设置则根据父容器高度自适应。 ```html ``` ::: ### 横向滚动 :::demo 当元素宽度大于滚动条宽度时，会显示横向滚动条。 ```html ``` ::: ### 最大高度 :::demo 当元素高度超过最大高度，才会显示滚动条。 ```html ``` ::: ### 手动滚动 :::demo 通过使用 `setScrollTop` 与 `setScrollLeft` 方法，可以手动控制滚动条滚动。 ```html ``` ::: ### Scrollbar Attributes | 参数名称 | 说明 |类型 | 默认值 | | -------- | ----------------------| -------- |-------- | | height | 滚动条高度 | String｜Number | - | | max-height | 滚动条最大高度 | String｜Number | - | | native | 是否使用原生滚动条样式 | boolean | false | | wrap-style | 包裹容器的自定义样式 | string｜Object | - | | wrap-class | 包裹容器的自定义类名 | string｜Array｜Object | - | | view-style | 视图的自定义样式 | string｜Object | - | | view-class | 视图的自定义类名 | String｜Array｜Object | - | | noresize | 不响应容器尺寸变化，如果容器尺寸不会发生变化，最好设置它可以优化性能 | boolean | false | | tag | 视图的元素标签 | string | div | | always | 滚动条总是显示 | boolean | false | | min-size | 滚动条最小尺寸 | number | 20 | ### Scrollbar Methods | 方法名称 | 说明 | 参数 | | -------- | ------------------ | -------- | | setScrollTop | 设置滚动条到顶部的距离 | (scrollTop: number) | | setScrollLeft | 设置滚动条到左边的距离 | (scrollLeft: number) | | update | 手动更新滚动条状态 | - | ### Scrollbar Events | 事件名称 | 说明 | 回调参数 | | -------- | ------------------ | -------- | | scroll | 滚动触发的时间 | 滚动距离 { scrollLeft, scrollTop } | ### Scrollbar Slots | 名称 | 说明 | | -------- | ----------------------| | - | 自定义默认插槽 |