CSSでスクロールバーを常に表示させる方法

2020-04-02

CSSでスクロールバーを常に表示させる方法

ページによってコンテンツの位置がずれてしまうことがあります。 それはスクロールバーがある時、ない時があるからです。

画面幅よりコンテンツ量が少ない時はその時に通常はスクロールバーが表示されません。

普段はそこまで気にならないと思います。 しかし、アコーディオンを利用したコンテンツなど表示が増減するページ(Q&Aページとか)ではスクロールバーが出たり出なかったりと安定しません。

そういう時は以下のCSSを使用して、 スクロールバーを常に表示させておくことで安定させることができます。

html {
overflow-y: scroll;
}
記事一覧に戻る