Chromeでスクロールバーを非表示にしたい
![](http://cdn2.aprico-media.com/production/imgs/images/000/045/622/original.png?1577364209)
ブラウザ・Google Chromeを使っていて、スクロールバーが邪魔だと感じたことはありませんか?Chromeのスクロールバーは設定でオフにできないので、スクロールバーが大きいと思ったり、そもそもスクロールはマウスホイールやキーボードで行うから不要・スクリーンショット時にスクロールバーが写るのが嫌…など、様々な意見があると思います。
そこで、この記事ではChromeのスクロールバーを非表示にする方法を説明していきます。
Chromeでスクロールバーを非表示にする方法
それでは、Google Chromeでスクロールバーを非表示にする方法を説明します。スクロールバーを非表示にするには、アドオン「Rescroller」を導入しましょう。下記リンク先のchromeウェブストアへアクセスします。
![chromeウェブストアのRescrollerページで「Chromeに追加」ボタンをクリック](http://cdn2.aprico-media.com/production/imgs/images/000/045/617/original.jpg?1577363838)
![「拡張機能を追加」ボタンをクリックしてインストール](http://cdn2.aprico-media.com/production/imgs/images/000/045/618/original.jpg?1577363889)
![オプション設定タブで「Miscellaneous」の「Use Custom CSS(Advanced Users Only)」のチェックボックスをオンにする](http://cdn2.aprico-media.com/production/imgs/images/000/045/619/original.jpg?1577363930)
![「::-webkit-scrollbar {」の下の行に「display:none;」と入力](http://cdn2.aprico-media.com/production/imgs/images/000/045/620/original.jpg?1577364008)
![スクロールバーの非表示画面](http://cdn2.aprico-media.com/production/imgs/images/000/045/621/original.jpg?1577364127)
設定完了後にWebページを表示すると、このようにスクロールバーが非表示になっていることが確認できます。これでスクロールバーを消すことができました。