Scrollbar 滚动条

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

基础用法

横向滚动

最大高度

手动滚动

API

Attributes

属性名	说明	类型	默认值
height	滚动条高度	`string` / `number`	—
max-height	滚动条最大高度	`string` / `number`	—
native	是否使用原生滚动条样式	`boolean`	false
wrap-style	包裹容器的自定义样式	`string` / `object`	—
wrap-class	包裹容器的自定义类名	`string`	—
view-style	视图的自定义样式	`string` / `object`	—
view-class	视图的自定义类名	`string`	—
noresize	不响应容器尺寸变化，如果容器尺寸不会发生变化，最好设置它可以优化性能	`boolean`	false
tag	视图的元素标签	`string`	div
always	滚动条总是显示	`boolean`	false
min-size	滚动条最小尺寸	`number`	20
id 2.4.0	视图ID	`string`	—
role 2.4.0 a11y	视图的角色	`string`	—
aria-label 2.4.0 a11y	视图的 aria-label	`string`	—
aria-orientation 2.4.0 a11y	视图的 aria-orientation	`enum`	—

Events

事件名	说明	类型
scroll	当触发滚动事件时，返回滚动的距离	`Function`

Slots

插槽名	说明
default	自定义默认内容

Exposes

名称	说明	类型
handleScroll	触发滚动事件	`Function`
scrollTo	滚动到一组特定坐标	`Function`
setScrollTop	设置滚动条到顶部的距离	`Function`
setScrollLeft	设置滚动条到左边的距离	`Function`
update	手动更新滚动条状态	`Function`
wrapRef	滚动条包裹的 ref 对象	`object`

源代码

组件 • 文档

贡献者

Delyan Haralanov

on the field of hope