Scroll

2 min read

Scrollbar

The scroll bar is used to control the visible area of the scroll area.

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

属性	描述	类型	默认值
orientation	The orientation of scrollbar	`horizontal \| vertical`	`vertical`
width	Width	`number`	`[]`
height	Height	`number`	`[]`
value	值	`number ∈ [0, 1]`	`0`
min	The lower limit of values of the scrollable range.	`number ∈ [0, 1)`	`1`
max	The upper limit of values of the scrollable range.	`number ∈ (min, 1]`	`0`
trackStyle	The style of scrollbar track	`{default: RectProps, active: RectProps}`	`[]`
isRound	Whether the scrollbar thumb has round edge	`boolean`	`true`
thumbLen	The length of scrollbar thumb	`boolean`	`[]`
thumbStyle	The style of scrollbar thumb	`{default: RectProps, active: RectProps}`	`[]`

事件	触发条件	参数
scroll	Occurs when the scroll box has been moved by either a mouse or keyboard action	`value: number`
valuechange	Occurs when the Value property is changed, either by a Scroll event or programmatically	`{oldValue: number, value: number}`