【问题标题】:How to disable or hide scrollbar/minimap?如何禁用或隐藏滚动条/小地图?
【发布时间】:2016-11-30 15:06:32
【问题描述】:

我找不到任何禁用或隐藏烦人滚动条的选项、设置或键盘快捷键。我只是觉得它没有用,而且会分散注意力。

也不能像 Atom 那样只编辑编辑器的 CSS。

【问题讨论】:

    标签: visual-studio-code vscode-settings


    【解决方案1】:

    移除小地图

    将以下内容添加到您的 settings.json 文件中

    "editor.minimap.enabled": false
    

    请注意,正如另一个答案中所指出的,此过程现在已简化为:

    View->Show Minimap
    

    移除总览标尺

    将以下内容添加到您的 settings.json 文件中

    "editor.hideCursorInOverviewRuler": true
    

    这将保留滚动条,但只会在光标位于编辑器内时出现,如下图所示:

    完全移除滚动条(需要重启)

    如果您想完全删除滚动条,请将以下内容添加到您的 settings.json 文件中(注意编辑器会说“未知配置设置” - 忽略它。它仍然有效):

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

    这将导致即使光标在编辑器中滚动条也不可见,如下图所示:

    【讨论】:

    • 嗯。那些“editor.scrollbar.*”条目给了我“未知的配置设置”
    • 需要重启vscode。这是隐藏滚动条的非官方方法,这就是给出该错误的原因。 here
    • 要使这些滚动条看起来隐藏起来,您可以在workbench.colorCustomizations 设置中为scrollbarSlider 属性使用RGBA 着色。例如,将所有属性设置为#000000
    • 在我的系统上它是view -> show minimap 不确定从那以后这是否发生了变化,或者它是否是操作系统版本之间的差异
    • 对我来说,"editor.scrollbar.vertical": "hidden" 没用,但水平的没用!
    【解决方案2】:

    试试这个,

    view->toggle minimap

    或 1.43 之后的版本

    view->show minimap

    【讨论】:

      【解决方案3】:

      Ctrl + Shift + P -> Open User Settings

      "editor.minimap.enabled": false
      

      【讨论】:

      • 这应该是默认设置。打开新文件时关闭文件的文件预览也是如此。谢谢
      【解决方案4】:

      移除滚动条

      这些不再起作用:

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

      但是,这会将滚动条的大小设置为 0:

      "editor.scrollbar.verticalScrollbarSize": 0,
      

      工具栏显示“未知配置设置”,但它对我有用。 (Visual Studio 代码 1.39.2)

      【讨论】:

        【解决方案5】:

        在 Visual Studio 2019 中 右键单击滚动条并从上下文菜单中选择“滚动条选项”。 这将显示滚动条的设置。

        在“行为”标题的一半下方,选择“垂直滚动条使用条形模式”,然后单击“确定”。这从栏中删除了地图模式。

        【讨论】:

        • 这个问题是关于 vs-code 而不是 Studio 2019
        • 考虑到这篇文章帮助我找到了常规 VS 中问题的解决方案,我认为它可能会帮助出现在这里的其他人。微软程序之间通常有很多功能交叉,这意味着可能的设置也交叉。
        • 公平地说,这个问题没有具体说明它是 VS Code 还是 Studio,除非它在今天 2022 年 3 月 16 日已被编辑。当我在寻找有关如何删除 Visual Studio 滚动条的答案时,这个答案对我有用。我也在使用 VS 2022
        【解决方案6】:

        转到查看并取消选择小地图

        【讨论】:

        • 正中。谢谢。
        【解决方案7】:

        测试的 Visual Studio 版本:VS Community 2017 Version 15.8.2

        工具 --> 选项

        搜索“滚动”

        点击左侧结果中的“文本编辑器”标题。

        点击“行为”部分下的“垂直滚动条使用条形模式”,然后点击“确定”

        这是一个截图:

        【讨论】:

          【解决方案8】:

          您可以从顶部栏“查看 > 显示小地图”切换它, 但您也可以将其定义为键盘快捷键!

          1. 转到:“文件 > 首选项 > 键盘快捷键”

          2. 搜索:“小地图”

          3. 选择:“查看:切换小地图”

          4. 选择你想连接的键盘(我用的是Ctrl+M)

          【讨论】:

          • 很好的建议是为其分配一个键盘快捷键,同时不需要使用分屏小地图,因为它占用了大量空间。
          【解决方案9】:

          只是为了更新情况,过去上述设置虽然显示未知配置错误,但在重新加载后仍然有效,因为它们尚未正式暴露给用户。在 v1.58 中,这些设置将是“官方的”,不需要重新加载。

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

          Expose editor scrollbar options and react to them being updated

          【讨论】:

            【解决方案10】:

            因此,这是@badfilms 接受的答案所指示的非官方方法。你可以阅读它here

            添加后重启vscode: "editor.scrollbar.horizontal": "hidden", "editor.scrollbar.vertical": "hidden" 这给出了“未知的配置设置”,忽略它。

            然后要删除滚动条分隔符或标尺边框,请添加以下内容: "editor.overviewRulerBorder": false

            【讨论】:

              【解决方案11】:

              查看-->显示小地图-点击取消勾选-

              【讨论】:

                【解决方案12】:

                一旦你进入用户设置,它的默认设置左侧如下图所示, 在点击的地方有一个悬垂的标记,并自动显示为真假,然后右侧有自定义设置更改。我就是这样做的,谢谢亚历山德鲁。 认为这可能会对您有所帮助。

                【讨论】:

                  【解决方案13】:

                  Scroll Beyond Last Column 的默认值为 5,表示水平滚动条可见且可操作。将值设置为 0 会移除水平滚动条。

                  Settings options

                  【讨论】:

                    【解决方案14】:

                    隐藏滚动条添加到setting.json中

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

                    对于隐藏的小地图添加:

                    "editor.minimap.enabled": false,
                    

                    【讨论】:

                      猜你喜欢
                      • 2011-03-03
                      • 1970-01-01
                      • 2020-01-22
                      • 1970-01-01
                      • 1970-01-01
                      • 2013-09-21
                      • 2014-11-11
                      • 2013-10-14
                      • 2011-07-22
                      相关资源
                      最近更新 更多