読者です 読者をやめる 読者になる 読者になる

Sleepy...

のろのろっと。

【CSS】スクロールバーを表示させない(機能はする)

スマホから閲覧したときのように、PCでもスクロールバーを表示させないようにする方法です。

overflow:scrollが指定されてる要素をdisplay:noneからblockなどにjavascriptで操作した際、スクロールバーの表示が遅れて画面がガクっとなるのが嫌だったので書いてみました。

 

スクロールバーを隠したいoverflow:scrollが指定されてる要素に対して以下のように書きます。

(以下の例では .main)

 

.main::-webkit-scrollbar{
  width:0px;
}
.main::-webkit-scrollbar:horizontal{
  height:0px;
}


マウスのホイールでならスクロール出来ます!!
残念ながらIEでは効かないようです......。