ユーザーがWebページにアクセスした際に、ブラウザの縦スクロールバーを表示したままにするために必要なCSSは何ですか。
html {
overflow-y: scroll;
}
それでいいのか?
残念ながら、Opera 9.64では、HTML
やBODY
に適用された場合、そのCSS宣言を無視するようですが、DIV
のような他のブロックレベルの要素には有効です。
html {height: 101%;}
私は**このクロスブラウザソリューション***を使用しています(注:私は常に1行目にDOCTYPE宣言を使用していますが、Quirksmodeで動作するかどうかはわかりません。)
これにより、すべてのページでアクティブな垂直スクロールバーが常に表示され、垂直スクロールバーは数ピクセルだけスクロール可能になります。
ページの内容がブラウザの可視領域(ビューポート)よりも短い場合でも、垂直スクロールバーがアクティブに表示され、数ピクセルだけスクロール可能になります。
CSSの検証にこだわっている方(私はHTMLの検証にしかこだわっていませんが)は、このソリューションを使うことで、CSSコードもW3Cの検証を受けることができます。