スクロールバーを常に表示させる方法 備忘録 : そば どっと びず

そば どっと びず

そば どっと びずの新着記事
↓ 一度使ったら手放せません ^^; とにかく動作が軽くて安心!オススメです ↓
USBメモリウイルスの感染にご注意を!

ディスプレイのサイズにもよるのですが、
縦方向のスクロールバーが表示されるページとされないページといういのが
たくさんページを作っているうちには存在することもあるものです ^^;

そうするとスクロールバーが出るページと出ないページを移動すると、
どうしてもページがガクガクしてしまうので、
スクロールバーを常に表示させる方法として

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

あっ、コレはなるほどー。って感じですね~
高さが100%で、
マージンの下側に1pxだけ常にあるってことだあ。。ふむふむ。。

ちなみに最近リニューアルした出前のページでコレ使っています。
http://www.tomisen.com/soba/

CSS3 が正式に採用されると

html {
overflow-y:scroll;
}

ってことでもよいらしいです。

いまのところは、Firefoxと一部のブラウザが対応しているらしいです。

っということで、現在は最初の方が今はよいようです。

posted by そば富泉

Categories: ショップ作成

コメントをどうぞ