Skip to content

Scrollable

Tag name: <vscode-scrollable>

Properties

alwaysVisiblereflects
NamealwaysVisible
Attributealways-visible
Type

boolean

Default

false

Description

By default, the scrollbar appears only when the cursor hovers over the component. With this option, the scrollbar will always be visible.

fastScrollSensitivity
NamefastScrollSensitivity
Attributefast-scroll-sensitivity
Type

number

Default

5

Description

Scrolling speed multiplier when pressing Alt. This property is designed to use the value of editor.fastScrollSensitivity, workbench.list.fastScrollSensitivity or terminal.integrated.fastScrollSensitivity depending on the context.

minThumbSize
NameminThumbSize
Attributemin-thumb-size
Type

number

Default

20

Description

This setting defines the scrollbar's minimum size when the component contains a large amount of content.

mouseWheelScrollSensitivity
NamemouseWheelScrollSensitivity
Attributemouse-wheel-scroll-sensitivity
Type

number

Default

1

Description

A multiplier to be used on the deltaY of the mouse wheel scroll events. This property is designed to use the value of editor.mouseWheelScrollSensitivity, workbench.list.mouseWheelScrollSensitivity or terminal.integrated.mouseWheelScrollSensitivity depending on the context.

scrollMaxreadonly
NamescrollMax
Attributescroll-max
Type

number

Description

The maximum amount of the scrollPos.

scrollPos
NamescrollPos
Attributescroll-pos
Type

number

Description

Scroll position.

scrolledreflects
Namescrolled
Attributescrolled
Type

boolean

Default

false

Description

It's true when scrollPos greater than 0

shadowreflects
Nameshadow
Attributeshadow
Type

boolean

Default

true

Description

Controls shadow visibility when content overflows.

versionreadonly
Nameversion
Type

string

Description

VSCode Elements version

CSS Custom Properties

--min-thumb-height
Name--min-thumb-height
--vscode-scrollbar-shadow
Name--vscode-scrollbar-shadow
Default value#000000
--vscode-scrollbarSlider-activeBackground
Name--vscode-scrollbarSlider-activeBackground
Default valuergba(191, 191, 191, 0.4)
--vscode-scrollbarSlider-background
Name--vscode-scrollbarSlider-background
Default valuergba(121, 121, 121, 0.4)
--vscode-scrollbarSlider-hoverBackground
Name--vscode-scrollbarSlider-hoverBackground
Default valuergba(100, 100, 100, 0.7)