Welches CSS ist erforderlich, damit die vertikale Bildlaufleiste des Browsers sichtbar bleibt, wenn ein Benutzer eine Webseite besucht (wenn die Seite nicht genug Inhalt hat, um die Aktivierung der Bildlaufleiste auszulösen)?
html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
Damit ist die Bildlaufleiste immer sichtbar und nur bei Bedarf aktiv.
Update: Wenn die obige Methode nicht funktioniert, kann die folgende helfen.
html {
overflow-y:scroll;
}
html {
overflow-y: scroll;
}
Ist es das, was Sie wollen?
Leider scheint Opera 9.64 diese CSS-Deklaration zu ignorieren, wenn sie auf HTML
oder BODY
angewendet wird, obwohl sie für andere Elemente auf Blockebene wie DIV
funktioniert.
html {height: 101%;}
Ich verwende diese browserübergreifende Lösung (Anmerkung: Ich verwende immer die DOCTYPE-Deklaration in der ersten Zeile, ich weiß nicht, ob es im Quirksmode funktioniert, habe es nie getestet).
Dies zeigt immer einen AKTIVEN vertikalen Scrollbalken auf jeder Seite an, der vertikale Scrollbalken ist nur um wenige Pixel scrollbar.
Wenn der Seiteninhalt kürzer ist als der sichtbare Bereich des Browsers (view port), wird die vertikale Bildlaufleiste immer noch aktiv sein, und es wird nur wenige Pixel scrollbar sein.
Falls Sie von der CSS-Validierung besessen sind (ich bin nur von der HTML-Validierung besessen), würde Ihr CSS-Code mit dieser Lösung auch W3C-validiert werden, da Sie keine nicht standardmäßigen CSS-Attribute wie "moz-scrollbars-vertical" verwenden.