-moz-Bildlaufleisten-Vertikal Äquivalent für Chrome / Opera / Safari?

StackOverflow https://stackoverflow.com/questions/1800670

  •  05-07-2019
  •  | 
  •  

Frage

IE6, IE7 und IE8 zeigen eine vertikale Bildlaufleiste für die Seite standardmäßig auch wenn es nicht scrollbaren ist. Chrome und Firefox tut dies nicht (Ich gehe davon aus Opera und Safari nicht so gut). Sie können dieses gleiche Verhalten in FireFox mit der CSS erreichen: 

body { overflow: -moz-scrollbars-vertical; }

Gibt es eine Möglichkeit, die sichtbare Bildlaufleiste in den drei anderen Browsern zu erzwingen? Oder noch besser, ein Standard-Weg, es zu tun?

War es hilfreich?

Lösung

Update

Sie können (zusätzlich) benötigen -ms-overflow-y und / oder -moz-scrollbars-vertical aufzunehmen, wie in diese andere Stackoverflow Post : 

html {
    overflow: -moz-scrollbars-vertical; /* For FF */
    -ms-overflow-y: scroll; /* For IE */
    overflow-y: scroll; /* For others & old IE */
}

Original 

html { overflow-y: scroll; }

Siehe "Überlauf-y" bei W3Schools

Geprüft & verifiziert (erfolgreich) in:

  • FF 7
  • Chrome 15
  • IE 5 + 6 + 7 + 8 + 9 + 10 (Plattform Vorschau) w / IETester
  • Opera 11.52
  • Safari / Win 5.1.1

Voll Beispiel 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
    html { overflow-y: scroll; }
</style>
</head>
<body>
    Test content
</body>
</html>

Andere Tipps

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

Siehe Scroll Forcing (jetzt noch besser) für weitere Informationen.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top