Tutorials

Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.

Zurück zur Übersicht

Internet Explorer: Scrollbar nicht über den Content laufen lassen

#Tutorials#CSS

Seit dem Internet Explorer 10 ist das Scrollbar-Verhalten etwas seltsam. Denkt das System, man hat ein Touch-Device blendet er andere Scrollbars ein. Benutzt man dann die Maus ändern sich diese auch wieder. Nun kommt es allerdings oft zum Problem, dass die Scrollbar über dem Content liegt und nicht daneben, wie sonst üblich.

Hier ein Screenshot im Vergleich:

scrollbar

Das Ganze lässt sich leicht mit CSS regeln, indem man dem Body folgende Dinge gibt:


body{
    overflow-y: scroll;
    -ms-overflow-style: scrollbar;
}

Kommentare

Es gibt noch keine Kommentare. Sei der Erste!

Hinterlasse einen Kommentar

Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Kommentar wird gespeichert
Danke für deinen Kommentar! Sobald er freigegeben wurde erscheint er hier.