Wer beim Surfen im Internet einen ungestörten Blick auf die jeweilige Webseite haben will, braucht keine Scroll-Leisten zu sehen. Mac-Nutzer kennen das: Hier verschwinden die Leisten automatisch, sobald sie nicht benötigt werden. Das geht auch beim Chrome-Browser für Windows – und zwar seit 2026 sogar mit nativen Browser-Features und modernen Erweiterungen.
Native Chrome-Optionen nutzen
Seit Chrome 120 könnt ihr über chrome://flags experimentelle Features aktivieren. Gebt in die Adressleiste chrome://flags/#overlay-scrollbars ein und aktiviert die Option „Overlay Scrollbars“. Diese versteckt Scrollleisten automatisch und zeigt sie nur beim Hovern an – ähnlich wie bei macOS.
Alternativ funktioniert das auch über die Entwicklertools: Drückt F12, geht zu den Settings (Zahnrad-Symbol) und aktiviert unter „Appearance“ die Option „Hide scrollbars in Elements and Sources panels“. Das wirkt sich allerdings nur auf die Entwicklertools aus.
Moderne Browser-Erweiterungen
Für eine systemweite Lösung gibt es mehrere aktuelle Erweiterungen. Das kostenlose Add-On No Scroll Bars Please! aus dem Chrome Web Store funktioniert weiterhin zuverlässig. Nach der Installation ist kein Neustart des Browsers erforderlich, damit die Funktion einsatzbereit ist. Stattdessen einfach die jeweilige Webseite neu laden.
Neu hinzugekommen ist „Minimalist Scrollbar“ – eine moderne Alternative, die nicht nur die Scrollleisten versteckt, sondern sie auch optisch anpassen kann. Die Erweiterung „Auto-Hide Scrollbars“ bietet zusätzlich Timer-Funktionen und lässt euch einstellen, nach wie vielen Sekunden Inaktivität die Leisten verschwinden sollen.
CSS-Tricks für Webentwickler
Wer selbst Webseiten entwickelt, kann Scrollleisten auch über CSS steuern. Mit dem Code ::-webkit-scrollbar { display: none; } versteckt ihr sie komplett. Für mehr Kontrolle nutzt ihr scrollbar-width: none; für Firefox und -ms-overflow-style: none; für ältere Edge-Versionen.
Moderne CSS-Properties wie scrollbar-gutter ermöglichen es zudem, den Platz für Scrollleisten zu reservieren, auch wenn sie nicht sichtbar sind – das verhindert Layout-Shifts.
Mobile Browsing und Touch-Geräte
Auf Tablets und 2-in-1-Geräten mit Touch-Displays sind versteckte Scrollleisten besonders nützlich. Chrome erkennt automatisch Touch-Eingaben und zeigt Scrollleisten nur bei Maus-Navigation an. Das könnt ihr über chrome://flags/#enable-touchpad-and-wheel-scroll-latching noch weiter anpassen.
Performance und Barrierefreiheit beachten
Versteckte Scrollleisten können die Performance minimal verbessern, da weniger UI-Elemente gerendert werden müssen. Bedenkt aber, dass manche Nutzer auf die visuelle Orientierung durch Scrollleisten angewiesen sind. In den Chrome-Einstellungen unter „Erweitert“ > „Barrierefreiheit“ könnt ihr deshalb einstellen, dass Scrollleisten immer sichtbar bleiben.
Troubleshooting häufiger Probleme
Falls die Erweiterungen nicht funktionieren, liegt es oft an anderen Add-Ons, die CSS-Styles überschreiben. Deaktiviert testweise andere Design-Erweiterungen. Bei Webseiten mit iframe-Inhalten müsst ihr möglicherweise die Berechtigung „Auf allen Websites“ erteilen.
Ab sofort stört keine Bildlaufleiste mehr. Werden die Scroll-Leisten später dann doch wieder gebraucht, müsst ihr die Erweiterung nur über die Einstellungen von Chrome abschalten oder die entsprechenden Flags zurücksetzen.
Kostenloser Download: No Scroll Bars Please!
Zuletzt aktualisiert am 09.04.2026
