【CSS】 スクロールバーを常に表示する


画面を遷移しているとなんかカクカクするな??
なんか画面が横にずれるな?
って思ったことありますよね。あります。

なんてことはない、スクロールバーが表示される画面と表示されない画面で
スクロールバーの幅分ずれてしまっているのです。

css3に対応していれば下記を設定すればいいようです。

html {
  overflow-y:scroll;
}

css3に対応していなければこんな感じ。

html {
  margin-bottom:1px;
  height:100%;
}

これでカクカクしなくなりました。

1 comment for “【CSS】 スクロールバーを常に表示する

  1. アキ
    2015年3月3日 at 9:19 PM

    ありがとうございます!めっちゃ助かりました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です