滚动条用来控制滚动区域的可见区域。

引入

import { Scrollbar } from '@antv/component';

配置项

属性	类型	描述	默认值
orientation	`horizontal \| vertical`	滚动方向	`vertical`
trackLength	`number`	轨道长度	`[]`
trackSize	`number`	轨道宽度	`[]`
value	`number` ∈ [0, 1]	值	`0`
isRound	`boolean`	滑块是否圆角	`true`
contentLength	`number`	滚动区域的长度	`[]`
viewportLength	`number`	可视区域的长度	`[]`
padding	`number` \| `numbe[]`	滚动条内边距	`0`
slidable	是否可滑动	`boolean`	`true`
scrollable	是否启用滚轮滚动	`boolean`	`true`
`track{Style}`	`StyleProps`	轨道样式	`-`
`thumb{Style}`	`StyleProps`	滑块样式	`-`

事件	触发条件	参数
scroll	当鼠标或键盘操作移动了滚动条时触发	`value:` number`
valuechange	在通过 scroll 事件或通过 API 更改 value 属性时发生	`{oldValue: number, value: number}`