Google Chrome – Scrollbars ausblenden

So deaktiviert man die Scrollbars in Google Chrome

Problem: Für eine automatische Präsentation im Fullscreen-Modus sollen keine Scrollbars des Chrome Browsers sichtbar sein! Die gezeigte Webseite kann nicht modifiziert werden, daher muss der Brower, welcher die Seite zeigt entsprechend angepasst werden. Dies funktioniert im Google Chrome Browser wunderbar, da man dort eine eigene modifizierte CSS Datei für den Internetbrowser hinterlegen kann!

Und so funktioniert die Modifikation von Google Chrome:

Schritt 1: Custom.css des Chrome Browsers öffnen
Dafür kopiert ihr folgenden Link und fügt diesen einfach in den Datei-Explorer ein:

%LOCALAPPDATA%\Google\Chrome\User Data\Default\User Stylesheets\Custom.css

Im Normalfall sollte sich in dieser Datei noch kein weiterer Code befinden!

Schritt 2: Scollbars ausblenden
Um dies zu realisieren – fügt ihr folgenden Code in die gerade geöffnete “Custom.css” ein:

 

::-webkit-scrollbar {

height: 10px;

width: 10px;

background-color: #999999;

}

html > ::-webkit-scrollbar {

width: 0px;

}

::-webkit-scrollbar-thumb {

background: #999999;

}

::-webkit-scrollbar-track-piece {

background-color: #797979;

}

 

Fertig!
Jetzt sollten die Scrollbars verschwunden sein!