「CSS」overflowでスクロールバーを非表示にする方法

CSS
overflowを使って非表示にしながら中身をスクロールしたいけど、スクロールバーは表示したくない!設定方法を教えてほしい!

 

 

そんな問題を解決します。

 

overflowを使っている時に限らず、

スクロールバーを非表示にしたいなら「::-webkit-scrollbar」です。

 

実際の使い方は以下の通り

適用させたいセレクタ::-webkit-scrollbar{
display:none;
}

 

overflowを使いながらスクロールバーを消す例↓

See the Pen
overflowでスクロールバーを非表示
by 太郎 (@taroro55)
on CodePen.

 

スクロールバーを消したいクラスやID、セレクタを指定して「::-webkit-scrollbar」を使えば簡単に非表示に出来ます。

以上、参考になれば幸いです。

スポンサーリンク
NO IMAGE

晴耕雨読

『晴れた日には畑を耕し雨の日には本を読む』そんな生活を目指すブログです