In IE10 ist die Bildlaufleiste nicht immer vorhanden ... und wenn sie angezeigt wird, wird sie als Overlay angezeigt ... Es ist eine coole Funktion, aber ich möchte sie für meine spezifische Website deaktivieren, da es sich um eine Vollbildanwendung und meine handelt Logos und Menüs gehen dahinter verloren.
IE10:
CHROM:
Kennt jemand eine Möglichkeit, die Bildlaufleiste auf IE10 immer in Position zu halten?
overflow-y: scroll scheint nicht zu funktionieren! es setzt es einfach permanent über meine Website.
Es kann Bootstrap sein, das das Problem verursacht, aber welchen Teil ich keine Ahnung habe! siehe Beispiel hier: http://twitter.github.io/bootstrap/
html
css
scrollbar
internet-explorer-11
internet-explorer-10
Jimmyt1988
quelle
quelle
Antworten:
Nachdem ich ein bisschen gegoogelt hatte, stieß ich auf eine Diskussion, in der ein Kommentar von "Blue Ink" besagt:
In der Datei responsive-utilities.less von bootstraps, Zeile 21 , finden Sie den folgenden CSS-Code
Dieses Snippet verursacht das Verhalten. Ich empfehle, die im kommentierten Code oben aufgeführten Links zu lesen. (Sie wurden hinzugefügt, nachdem ich diese Antwort ursprünglich gepostet habe.)
quelle
Wie xec in seiner Antwort erwähnt hat, wird dieses Verhalten durch die Einstellung @ -ms-viewport verursacht.
Die gute Nachricht ist, dass Sie diese Einstellung nicht entfernen müssen, um die Bildlaufleisten wiederherzustellen (in unserem Fall verwenden wir die Einstellung @ -ms-Ansichtsfenster für reaktionsschnelles Webdesign).
Sie können den -ms-overflow-Stil verwenden, um das Überlaufverhalten zu definieren, wie in diesem Artikel erwähnt:
http://msdn.microsoft.com/en-us/library/ie/hh771902(v=vs.85).aspx
Stellen Sie den Stil auf Bildlaufleiste ein, um die Bildlaufleisten wiederherzustellen:
quelle
html{-ms-overflow-style: scrollbar;}
es hat bei mir funktioniert. Würde es Anwendungsfälle geben, in denen dies anderswo benötigt würde?body{-ms-overflow-style: scrollbar;}
funktioniert gut für mich .. DankeLÖSUNG: Zwei Schritte - Erkennen Sie, ob IE10 vorhanden ist, und verwenden Sie dann CSS:
Mach das auf init:
Fügen Sie dieses CSS hinzu:
Warum es funktioniert:
overflow-y:scroll
schaltet dauerhaft auf dem<body>
Etikett vertikalen Scrollbalken.-ms-overflow-style:scrollbar
Windungen von der Auto-Verstecken Verhalten, wodurch der Inhalt über Schiebe- und gibt uns die Scrollbar Layout Verhalten , das wir alle verwendet sind.Aktualisiert für Benutzer, die nach IE11 fragen. - Referenz https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/compatibility/ms537503(v=vs.85)
quelle
Versuche dies
quelle
Dieses Problem tritt auch bei Datatables auf Bootstrap 4 auf. Die Mi-Lösung war:
CSS:
JS:
quelle
Versuchte das @ -ms-Ansichtsfenster und andere Vorschläge, aber keiner funktionierte in meinem Fall mit IE11 unter Windows 7. Ich hatte keine Bildlaufleisten und die anderen Beiträge hier würden mir höchstens eine Bildlaufleiste geben, die nirgendwo scrollte, obwohl es sie gab viel Inhalt. Fand diesen Artikel http://www.rlmseo.com/blog/overflow-auto-problem-bug-in-ie/, der auf reduziert wurde. . .
body { overflow-x: visible; }
. . . und habe den Trick für mich getan.
quelle
body { overflow: auto; }