Überraschung: Scrollleisten sind kompliziert, besonders browser- und plattformübergreifend.
Manchmal nehmen sie Platz ein und manchmal nicht. Manchmal wird dies durch eine Einstellung beeinflusst und manchmal nicht. Manchmal kann man sie sehen und manchmal nicht, es sei denn, man scrollt tatsächlich. Das Stylen wird auf unterschiedlichste Weise gehandhabt, einschließlich einiger sehr neuer Entwicklungen.
Verfolgen Sie Zachs Reise hin zu dünneren, nativen, benutzereinstellungen-respektierenden, ästhetischeren Scrollleisten, insbesondere für Scrollleisten auf Elementebene, die hier endet.
Grrr! Scrollleisten, die zu dünn sind und verschwinden, gerade wenn man sie greifen will! Apple hat dieses retrograde UI-Design populär gemacht. Enttäuschend, da sie auch einige der schönsten gestaltet haben.
Lassen Sie uns aufschlüsseln, was tatsächlich passiert
Sie sind die einzige Benutzeroberfläche, die derzeit verwendet wird und die die Aufgabe (Scrollen) über eine andere Eingabe erfordert (z. B. zwei Finger auf einem Trackpad zusammenführen, um die Scrollleiste überhaupt erscheinen zu lassen), dann rennt man zum Bildschirmrand, um die bessere Scrollmethode zu erwischen, aber der Griff verschwindet gerade, wenn der Pfeil dort ankommt! So funktional wie eine Schokoladenteekanne.
Was ist gut für eine Scrollleiste?
Die letzte anständige Scrollleiste war wahrscheinlich aus der Ära von Mac System 6-9. Sie hatten ein 'Griff'-Aussehen. Sie waren absolut intuitiv und einfach zu handhaben. Sie waren am selben Ort wie der Hebel einer Einarmigen Banditen. Man wirft einfach die Münzen ein und starrt die Kirschen an. Man muss nicht nach dem Hebel suchen, er ist einfach da, bereit zur Benutzung.
Streitbarer (besonders da CSS Tricks einen großen, blockigen, farblich gebrandeten Scrollleisten-Griff hat), die besten Scrollleisten passen tendenziell zur gesamten Benutzeroberfläche. Zugegeben, diese waren in Netscape-Zeiten etwas klobig und verursachten manchmal eine automatische horizontale Scrollleiste, aber sie waren leicht verständlich.
Ich habe immer gedacht, es sei Wahnsinn, dass gerade als unsere Bildschirme größer wurden, unsere Scrollleisten zu nutzlosen, dünnen Dingern wurden, die in der Not verschwinden.
Zu Ihrer Information, wählen Sie Ihren Favoriten!
https://www.buzzfeednews.com/article/jwherrman/20-years-of-the-scroll-bar
Toller hilfreicher Artikel!
Übrigens benötigt das temporäre Elternelement ebenfalls den Stil "overflow:auto".