トイレのうず本館の各コンテンツ内で縦スクロールバーが2本出ていた不具合をやっと修正。
IE6以下では position: fixed; が効かないので、divタグでページ全体をくくってそこにスクロールバーを表示させてたんだけれど、ウインドウの方のスクロールバーが残ってしまっていた。特にウインドウを小さくしたときに2重にスクロールバーが出るのはいただけない、と思いつつ何年も放置していた。
原因はIEが縦スクロールなしでもデフォルトでそれを表示する設定になっているから。要はそれを消せばいいわけだ。

IEで固定座標を指定する方法
↑このページを参考に
html {
overflow: hidden;
}
としてみるけれど、なぜかスクロールバーが消えない。試行錯誤の結果、
body {
overflow: hidden;
}
としてやっとスクロールバーを1本にすることができた。
参考にしたページのサンプルのスクロールバーはちゃんと1本だったから
html {
overflow: hidden;
}
が効かないわけないと思うんだけれど、なんでダメだったんだろう。

ちなみにわたしはIEにのみ対応させるためアンダーバーハックを使いましたが、IE7でちゃんと表示されているのだろうか？　環境がないから確かめようがない。

タグ：,

関連する記事