滚动条 Scrollbar
比浏览器原生滚动条好看点,但我保证绝对没他可靠。
基本用法
使用 height 属性设置滚动区域的高度。点击滚动条轨道可以快速滚动,
横向滚动
内容的宽度超过滚动区域的宽度时,就会显示横向滚动条。
最大高度
使用 max-height 属性设置滚动区域的最大高度,超过此高度才会显示滚动条。
原生滚动条
添加 native 属性,将会使用原生滚动条。
API
Scrollbar 属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| height | string | — | 滚动区域高度 |
| max-hieght | string | — | 滚动区域最大高度 |
| always-show | boolean | false | 是否总是显示滚动条 |
| native | boolean | false | 是否使用原生滚动条 |
Scrollbar 事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| scroll | 滚动时触发 | (scrollTop: number, scrollLeft: number) => void |
Scrollbar 插槽
| 名称 | 说明 |
|---|---|
| default | 自定义滚动区域内容 |