スクロールバーを非表示にした人
![](https://sinpe-pgm.com/wp-content/uploads/2021/12/0d0ddbdaf647a9970afa94ec195c9854-150x150.png)
スクロールする前から、ずっとスクロールバーが表示さていて嫌だな。
消したいけど、どうやったらいいんだ?
![](https://sinpe-pgm.com/wp-content/uploads/2022/12/DSC02647-e1672070436919-150x150.jpg)
WebKitエンジンを使用しているブラウザであれば、-webkit-scrollbarをdisplay: none;でOKです。
スクロールバーを非表示にするCSS
&::-webkit-scrollbar {
display: none;
}
完成形のイメージ
See the Pen Untitled by shimpei (@shimpei) on CodePen.
以上です!
最後に
今回は短い記事でしたが、最後までありがとうございます。
この記事があなたの参考になっていれば幸いです。
HTML&CSSの知識を深めたい人だけ、下記を参照ください。
![](https://sinpe-pgm.com/wp-content/uploads/2023/03/Open-source-amico-644x644.png)