menu
書いてる野郎
orebike@gmail.com
2020-01-16 現在でも Firefox 専用のスタイルで、これによりスクロールバーの表示をカスタムすることができる。 他のブラウザ用の代替のスタイルは存在する。
#hoge{ height: 300px; overflow: scroll; scrollbar-width: auto; scrollbar-width: thin; scrollbar-width: none; }
auto は通常、thin はより狭く、none は非表示となる。 これは見た目だけに影響を与えていて、動作自体は overflow の設定に従う。
特定の要素のスクロールはこれでよいのだが、コンテンツの最外要素。つまり body に対してのこのスタイルは効かない。これを効かせるには html 要素に対してやる必要がある
html{ scrollbar-width: none; }