Skip to content

滚动条 Scrollbar

比浏览器原生滚动条好看点,但我保证绝对没他可靠。

基本用法

使用 height 属性设置滚动区域的高度。点击滚动条轨道可以快速滚动,

横向滚动

内容的宽度超过滚动区域的宽度时,就会显示横向滚动条。

最大高度

使用 max-height 属性设置滚动区域的最大高度,超过此高度才会显示滚动条。

原生滚动条

添加 native 属性,将会使用原生滚动条。

API

Scrollbar 属性

属性类型默认值说明
heightstring滚动区域高度
max-hieghtstring滚动区域最大高度
always-showbooleanfalse是否总是显示滚动条
nativebooleanfalse是否使用原生滚动条

Scrollbar 事件

事件名说明回调参数
scroll滚动时触发(scrollTop: number, scrollLeft: number) => void

Scrollbar 插槽

名称说明
default自定义滚动区域内容