Scrollable

• Docs
• API

Tag name: <vscode-scrollable>

Properties

alwaysVisiblereflects

Name	alwaysVisible
Attribute	always-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

Name	fastScrollSensitivity
Attribute	fast-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

Name	minThumbSize
Attribute	min-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

Name	mouseWheelScrollSensitivity
Attribute	mouse-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

Name	scrollMax
Attribute	scroll-max
Type	number
Description	The maximum amount of the scrollPos.

scrollPos

Name	scrollPos
Attribute	scroll-pos
Type	number
Description	Scroll position.

scrolledreflects

Name	scrolled
Attribute	scrolled
Type	boolean
Default	false
Description	It's true when scrollPos greater than 0

shadowreflects

Name	shadow
Attribute	shadow
Type	boolean
Default	true
Description	Controls shadow visibility when content overflows.

versionreadonly

Name	version
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 value	rgba(191, 191, 191, 0.4)

--vscode-scrollbarSlider-background

Name	--vscode-scrollbarSlider-background
Default value	rgba(121, 121, 121, 0.4)

--vscode-scrollbarSlider-hoverBackground

Name	--vscode-scrollbarSlider-hoverBackground
Default value	rgba(100, 100, 100, 0.7)