Sie können sie auch automatisch ausblendend statt immer anzeigen lassen.
html {
-ms-overflow-style: -ms-autohiding-scrollbar;
}Stellt sich so heraus.
Dank an Thierry Koblentz für das Ausgraben dieses Juwels aus Jon Neals Sanitize.css.
Scrollleiste in Edge, IE 10/11 ausblenden
Robin Rendle am
Scrollleiste in Edge ausblenden? Ich wünschte, sie würde mal angezeigt. Sie verschwindet ständig und es ist unmöglich, bestimmte Fenster auf der Seite zu schließen, ohne ganz nach oben zu scrollen, um zum X oben rechts im Fenster zu gelangen. Ich muss versuchen zu erraten, wo sich die unsichtbare Scrollleiste im Browser befindet und überall in der Nähe der rechten Seite des Browsers klicken, und es braucht viele, viele Klicks, bevor sie plötzlich sichtbar wird und dann nur kurz: Wenn ich versehentlich unter die Scrollleiste klicke, verschwindet sie wieder, mit ebenso vielen Versuchen, sie wieder zum Vorschein zu bringen. Überhaupt nicht cool.
Zur weiteren Information: Dies geschieht insbesondere beim Spielen des Spiels Plarium Sparta War of Empires. Spiele beanspruchen natürlich mehr Ressourcen, aber verbraucht die Scrollleiste dieses Browsers so viele Ressourcen, dass sie mit einem Spiel konkurriert? Ich habe dasselbe Problem nicht in Chrome.
Dies behebt das Problem, sollte aber nicht in der Produktion verwendet werden. Siehe die MDN Docs als Referenz.
@kate Ich würde argumentieren, dass dies großartig für die Produktion ist. Es lässt Edge/IE sich genauso verhalten wie OSX (d. h. automatisch ausblendende Scrollleisten), sodass Sie mehr Bildschirmfläche erhalten und die Dinge vereinfacht werden, wenn Sie Breitenberechnungen in JavaScript durchführen (d. h. scrollWidth == clientWidth). Es gibt einen Grund, warum dies in sanitize.css enthalten ist.
Seltsamerweise bewirkt -ms-autohiding-scrollbar, dass die Breite, die ich mit -webkit-scrollbar eingestellt habe, in IE 11 funktioniert, aber nur, wenn die Maus stillsteht. Sobald die Maus bewegt wird, springt sie wieder zur wirklich dicken, klobigen Scrollleiste, wie üblich.
Gibt es eine Möglichkeit, die Zeit zu verkürzen, bevor die Scrollleiste ausgeblendet wird? D.h. Zeit in ms oder wenn der Cursor das Element verlässt?
Nur zur Info: Dies scheint IE/Edge dazu zu bringen, zentrierte Elemente mit einer Breite von 100vw korrekt anzuzeigen.