Dies ist eine interessante Lektüre über den aktuellen Stand von Scrollbalken und wie man ihr Verhalten über Betriebssysteme und Browser hinweg steuert. Der Beitrag beleuchtet auch eine Menge Dinge, die ich nicht wusste, wie z. B. Element.scrollIntoView() und die scroll-behavior CSS …
Das Surma
In diesem Artikel werden wir einige unkonventionelle CSS-Matrizen nutzen, um einen benutzerdefinierten Scroller zu erstellen, der während des Scrollens keinen JavaScript-Code benötigt, nur etwas Einrichtungscode.
Wenn das Verwandeln einer Scrollleiste in eine Nyan Cat mit nahezu perfekter Funktionalität nicht …
In macOS können Benutzer festlegen, wann sie Scrollbalken in Fenstern sehen möchten. Dies wirkt sich auf alle Fenster im Betriebssystem aus, auch in Webbrowsern. Sie haben drei Möglichkeiten
Sie können sie automatisch ausblenden lassen, anstatt sie immer anzuzeigen
html {
-ms-overflow-style: -ms-autohiding-scrollbar;
}Das Ergebnis sieht so aus
Dank an Thierry Koblentz, der dieses Juwel aus Jon Neals Sanitize.css ausgegraben hat. …
Scrollbars sind eine dieser UI-Komponenten, die auf fast jeder Seite des Internets vorhanden sind, und doch haben wir (Entwickler) wenig bis gar keine Kontrolle darüber. Einige Browser geben uns die Möglichkeit, ihr Aussehen anzupassen, aber für die meisten ...
Wenn Sie von einer Seite einer Website, die keine Scrollbar hat, zu einer anderen wechseln, die eine Scrollbar hat, sehen Sie eine leichte Layoutverschiebung, da sich die Elemente etwas nach innen schieben, um Platz für die Scrollbar zu schaffen.
Eine klassische Lösung war html …
html {
overflow-y: scroll;
}Dies ist ungültiges CSS, aber es funktioniert in allem außer Opera. Der Grund dafür ist, "Zentrierungsspringen" zu verhindern, wenn zwischen Seiten mit genügend Inhalt für eine vertikale Scrollleiste hin- und her navigiert wird …