スクロールバー非表示は、-webkit-scrollbarをdisplay: none;にします。

  • 投稿日
  • 更新日
  • 著者 アバター しんぺー
  • カテゴリー CSS

スクロールバーを非表示にした人

スクロールする前から、ずっとスクロールバーが表示さていて嫌だな。
消したいけど、どうやったらいいんだ？

WebKitエンジンを使用しているブラウザであれば、-webkit-scrollbarをdisplay: none;でOKです。

スクロールバーを非表示にするCSS

&::-webkit-scrollbar {
  display: none;
}

完成形のイメージ

See the Pen Untitled by shimpei (@shimpei) on CodePen.

以上です！

最後に

今回は短い記事でしたが、最後までありがとうございます。
この記事があなたの参考になっていれば幸いです。
HTML&CSSの知識を深めたい人だけ、下記を参照ください。

武器になるHTML

CSS設計完全ガイド

プロの「引き出し」を増やす HTML+CSSコーディングの強化