CSS/Style/scrollbar-width

CSS/Style/scrollbar-width

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;
}
css/style/scrollbar_width.txt · 最終更新: 2020-01-16 18:45 by ore