【VSCode】スクロールバーをカスタマイズする方法【メモ】

今回は、Visual Studio Code でスクロールバーをカスタマイズする方法についてみていきます。

※内容は最新のバージョンと異なる場合があります。作業等は自己責任でお願い致します。

設定

スクロールバーの表示・非表示を切り替える

  • editor.scrollbar.horizontal : 横スクロールバー
  • editor.scrollbar.vertical : 縦スクロールバー
  • auto(既定) : 必要に応じて自動的に切り替え
  • visible : 常に表示:
  • hidden : 常に非表示:

スクロールバーの太さを変更する

  • editor.scrollbar.horizontalScrollbarSize : 横スクロールバーの太さ(既定 : 12)
  • editor.scrollbar.verticalScrollbarSize : 縦スクロールバーの太さ(既定 : 14)

スクロール感度を変更する

  • editor.mouseWheelScrollSensitivity : スクロール感度(既定 : 1)
  • editor.fastScrollSensitivity : Alt キー押下時のスクロール感度(既定 : 5)

スクロール時のアニメーション

  • editor.smoothScrolling : (既定 : オフ)

HOME