Scrollbar 滚动条
用于替换浏览器原生滚动条。
基础用法
横向滚动
最大高度
手动滚动
Scrollbar 属性
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| height | 滚动条高度 | string / number | — | — |
| max-height | 滚动条最大高度 | string / number | — | — |
| native | 是否使用原生滚动条样式 | boolean | — | false |
| wrap-style | 包裹容器的自定义样式 | string | — | — |
| wrap-class | 包裹容器的自定义类名 | string | — | — |
| view-style | 视图的自定义样式 | string | — | — |
| view-class | 视图的自定义类名 | string | — | — |
| noresize | 不响应容器尺寸变化，如果容器尺寸不会发生变化，最好设置它可以优化性能 | boolean | — | false |
| tag | 视图的元素标签 | string | — | div |
| always | 滚动条总是显示 | boolean | — | false |
| min-size | 滚动条最小尺寸 | number | — | 20 |
Scrollbar 事件
| 事件名 | 说明 | 参数 |
|---|---|---|
| scroll | 滚动时触发的事件 | 滚动距离 { scrollLeft, scrollTop } |
Scrollbar 方法
| 方法名 | 说明 | 参数 |
|---|---|---|
| scrollTo | 滚动到一组特定坐标 | (options: ScrollToOptions | number, yCoord?: number) |
| setScrollTop | 设置滚动条到顶部的距离 | (scrollTop: number) |
| setScrollLeft | 设置滚动条到左边的距离 | (scrollLeft: number) |
| update | 手动更新滚动条状态 | — |
Scrollbar 插槽
| 名称 | 说明 |
|---|---|
| — | 自定义默认内容 |