How to disable or hide scrollbar/minimap?

Question

I can't find any option, setting, or keyboard shortcut that disables or hides that annoying scrollbar. I just don't find it useful and it's distracting.

Can't just edit the editor's CSS like Atom, either.

Answer 1

Remove Minimap

Add the following to your settings.json file

"editor.minimap.enabled": false

Note that, as pointed out in another answer, this process has now been simplified to:

View->Show Minimap

Remove the Overview Ruler

Add the following to your settings.json file

"editor.hideCursorInOverviewRuler": true

This will keep the scrollbar, but will result in it only appearing when the cursor is within the editor, as seen in the image below:

Completely remove scrollbars (requires restart)

If you would like to completely remove the scrollbars, add the following to your settings.json file (note the editor will say "Unknown configuration setting" - ignore this. It will still work):

"editor.scrollbar.horizontal": "hidden",
"editor.scrollbar.vertical": "hidden"

This will result in the scrollbars not being visible even when the cursor is in the editor, as seen in the image below:

Answer 2

Ctrl + Shift + P -> Open User Settings

"editor.minimap.enabled": false

Answer 3

Try this,

view->toggle minimap

or after version 1.43

view->show minimap

Answer 4

Removing the scroll bar

These no longer work:

"editor.scrollbar.horizontal": "hidden",
"editor.scrollbar.vertical": "hidden"

However, this will set the size of the scroll bar to 0:

"editor.scrollbar.verticalScrollbarSize": 0,

The toolip says "Unknown Configuration Setting" but it works for me. (Visual Studio Code 1.39.2)

Answer 5

So this is an unofficial method as instructed on accepted answer by @badfilms. You can read about it here

After adding, restart vscode: "editor.scrollbar.horizontal": "hidden", "editor.scrollbar.vertical": "hidden" This gives and "Unknown configuration settings", ignore it.

Then to remove the scrollbar seperator or ruler border, add this: "editor.overviewRulerBorder": false

Answer 6

Goto View and deselect Minimap.

Answer 7

tested Visual Studio version: VS Community 2017 Version 15.8.2

Tools --> Options

Search for "scroll"

click on "Text Editor" title from the results on the left side.

click "Use bar mode for vertical scroll bar" under "Behavior" section and then click "OK"

Here is a screenshot:

Answer 8

View --> Show Minimap -click it to uncheck it-

Answer 9

once you go to the user setting it has default setting left had side as bellow and there is a pensile mark on where click and automatically appear true false then right had side custom setting change. Thats how I did it thanks Alexandru. think this may help you.

Answer 10

Default value of Scroll Beyond Last Column is 5 which does horizontal scrollbar visible and operate. Set the value to 0 removes horizontal scrollbar.

Settings options

Answer 11

for hidden scroll bar add into setting.json

`"window.scrollBarVisibility": "hidden",`

for hidden minimap add :

"editor.minimap.enabled": false,

Answer 12

Just to update the situation, in the past the settings mentioned above worked, despite showing an unknown configuration error, after a reload, because they had not been officially exposed to users. With v1.58 these settings will be "official" and not require a reload.

editor.scrollbar.vertical - 'auto' | 'visible' | 'hidden'
editor.scrollbar.horizontal - 'auto' | 'visible' | 'hidden'
editor.scrollbar.verticalScrollbarSize - number
editor.scrollbar.horizontalScrollbarSize - number
editor.scrollbar.scrollByPage - boolean

See Expose editor scrollbar options and react to them being updated.

Answer 13

In Visual Studio 2019 Right click on the scroll bar and select "Scroll Bar Options" from the context menu. This will display the settings for the Scroll Bars.

Under the Behavior heading halfway down, select "Use bar mode for vertical scroll bar" then click Ok. This removed the map mode from the bar.