Chromeでスクロールバーを非表示にする方法を紹介!

Chromeでスクロールバーを非表示にする方法を紹介!

ブラウザ・Google Chromeではスクロールバーが表示されていますが、スクリーンショット時に邪魔だと感じたり、スクロールバーを使わない人には不要ですよね。この記事では、Google Chromeのスクロールバーを非表示にする方法をご紹介しています。


目次[非表示]

  1. Chromeでスクロールバーを非表示にしたい
  2. Chromeでスクロールバーを非表示にする方法

Chromeでスクロールバーを非表示にしたい

ブラウザ・Google Chromeを使っていて、スクロールバーが邪魔だと感じたことはありませんか?Chromeのスクロールバーは設定でオフにできないので、スクロールバーが大きいと思ったり、そもそもスクロールはマウスホイールやキーボードで行うから不要・スクリーンショット時にスクロールバーが写るのが嫌…など、様々な意見があると思います。

そこで、この記事ではChromeのスクロールバーを非表示にする方法を説明していきます。

Chromeでスクロールバーを非表示にする方法

それでは、Google Chromeでスクロールバーを非表示にする方法を説明します。スクロールバーを非表示にするには、アドオン「Rescroller」を導入しましょう。下記リンク先のchromeウェブストアへアクセスします。

RESCROLLER - CHROME ウェブストア
chromeウェブストアのRescrollerページで「Chromeに追加」ボタンをクリック
chromeウェブストアのRescrollerページが表示されるので、ページ右上に表示されている「Chromeに追加」ボタンをクリックしましょう。
「拡張機能を追加」ボタンをクリックしてインストール
アドレスバーの下に「Rescrollerを追加しますか?」ウィンドウが表示されるので、「拡張機能を追加」ボタンをクリックしましょう。Rescrollerがインストールされます。
オプション設定タブで「Miscellaneous」の「Use Custom CSS(Advanced Users Only)」のチェックボックスをオンにする
インストール完了と同時にオプション設定タブが表示されるので、一番下までスクロールして「Miscellaneous」の「Use Custom CSS(Advanced Users Only)」のチェックボックスをオンにしましょう。
「::-webkit-scrollbar {」の下の行に「display:none;」と入力
CSS入力項目が表示されるので、一番上の設定項目である「::-webkit-scrollbar {」の下の行に「display:none;」と入力しましょう。
スクロールバーの非表示画面

設定完了後にWebページを表示すると、このようにスクロールバーが非表示になっていることが確認できます。これでスクロールバーを消すことができました。


あなたにオススメ

関連記事

Chromeをアンインストールする方法と完全アンインストールする方法!
白髪だった母「白髪染め2年してない」白髪は炭酸で洗うと…9割知らない裏技
Chromeで「使用できるソケットを待機しています」の対処法!
Chromeでブックマーク(お気に入り)をサイドバーに表示させる方法を解説!
「宝くじを買う前に〇〇をするだけです」金運上昇で当選者が続出
Chromeで常にシークレットモードで起動する方法・設定を解説!Mac/Windows
Chromeの予測変換を削除・無効にする方法を解説!邪魔な検索候補を非表示にしよう
「どうして日本人はシミが多いの?」韓国女子の常識!9割が知らない裏ワザが凄い
TwitterのChrome拡張機能「TweetDeck」の機能と使い方を紹介!
拡張機能不要!PC版Chromeでスマホ表示画面を確認する方法をご紹介!
洗顔前に”冷蔵庫のアレ”で角栓が飛び出す?9割が知らない裏技が凄すぎて大炎上
【通信量節約】Chromeのライトモードとは?設定方法と効果をご紹介!
PDFが勝手に種類「Chrome HTML Document」に変換される場合の対処法!
衝撃【太った女性の9割は更年期】元デブが教える2秒習慣で体重が…
CSSでスクロールバーを非表示にする方法をご紹介!【IE/Chrome/Firefox】
Chrome拡張機能の「OneTab」の使い方まとめ!【色分け/共有/保存場所】
「ピーリングは意味ない」韓国では常識”お風呂の裏技”で4センチの角栓に発狂
Chromeで翻訳ツールバーが表示されない場合のWebサイトのページ翻訳をする方法!
ChromeのGoogleカレンダーの拡張機能のおすすめ10選!
韓国女性「シミに綿棒で塗るだけ」シミおばさんの9割がやってない裏技が凄い
【Android】Chromeの簡易表示のオン・オフを設定する方法!
ブラウザの履歴ファイルの場所まとめ!【Firefox/Chrome/Edge/IE11】
実は更年期イボの原因は「アレをやってないから」と判明!9割が知らない事実に唖然
【Chrome/Firefox】右クリックできないサイトの右クリック禁止を解除する方法!
【日本語⇔英語】Chromeの言語設定をデフォルトから変更する方法!
実は太る原因は食べ過ぎだからではない!元80㎏の友達が教えてくれた2秒習慣
Chromeのオートコンプリートを無効化する方法を紹介!履歴の削除方法は?
Chromeで「このサイトは安全に接続できません」となり接続エラーとなる場合の解除方法は?
複数ブラウザで一気にサイトの確認が出来る「Browserling」の使い方を紹介!
朝アレ飲んで!54kg以上の人がやるべき倖田式ダイエットで体重みるみる…