VScode顶部滚动条高度修改

VScode打开很多文件后，顶部会有滚动条，但是它太细了，拖动滚动条的时候很容易就变成了拖动文件，想办法调整一下它的高度。

在安装目录Microsoft VS Code\resources\app\out\vs\workbench下打开workbench.desktop.main.css文件，在文件最前面添加代码

.visible.scrollbar.horizontal,.invisible.scrollbar.horizontal.fade{height: 15px !important;}.visible.scrollbar.horizontal>.slider,.visible.scrollbar.horizontal>.slider.active,.invisible.scrollbar.horizontal.fade>.slider,.slider.active,invisible.scrollbar.horizontal.fade>.slider.active {height: 15px !important;}

然后保存就可以了。

上面修改之后，竖向的滚动条拖动的时候高度也会变成15px，不会影响操作，但是只有一点点看着奇怪，所以复制上面的代码接到后面，把horizontal改成vertical，重新设置一个高度(没找到自适应的方式)，操作起来就更方便了。

因为修改了.css文件，所以重启vscode会出现“Code安装似乎损坏，请重新安装”的提示，直接关掉就可以了。但是Vscode顶部会出现[不受支持]字样，这个就有点受不了了，解决方案如下：

1.在扩展程序中找到Fix VSCode Checksums插件并安装 。

2.安装好插件后按Ctrl+shift+p输入命令Fix Chicksums:Apply即可。

上图是默认的滚动条样式，下图是调整过后的滚动条样式，调整高度后，拖动起来就很方便了，不会变成拖动文件了。

 

 

 

*******************************************************************

还可以把鼠标放在标签上然后滑动滚轮（无需对准滚动条），文件列表就可以左右移动了。当然滚动的速度没有拖动快。