HTML&CSS

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

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

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

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

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

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

html {
    overflow-y: scroll;
}