In diesem Artikel tauchen wir in die Welt der Scrollbalken ein. Ich weiß, das klingt nicht gerade glamourös, aber glauben Sie mir, eine gut gestaltete Seite geht Hand in Hand mit einem passenden Scrollbalken. Der altmodische Chrome-Scrollbalken passt einfach nicht so gut ...
Das erste Mal, als mir eine bescheidene Scrollleiste den Atem raubte, war auf dieser Seite. Als CSS-Tricks v17 herauskam mit seinem FETTEN CHONKY BOI, fiel mir die Kinnlade herunter.…
Erstens sind Scrollleisten eine Frage der Benutzerfreundlichkeit und Barrierefreiheit. Zweitens, eine Faustregel: Wenn ein Bereich scrollt, sollte er eine sichtbare Scrollleiste haben. Aber das Web ist groß und ich mag Tricks, also werde ich die … abdecken.
Wie wissen Sie, dass eine Seite (oder ein beliebiges Element auf dieser Seite) scrollt? Nun, wenn sie eine Scrollleiste hat, ist das ein ziemlich guter Hinweis. Sie müssen vielleicht immer noch mit Ihrem Kunden über "die Falte" oder was auch immer streiten, aber ich ...
CSS kann immer noch nicht zu auto-Dimensionen animieren.
.dropdown {
transition: 0.2s;
height: 0;
}
.dropdown.open {
/* the height will change, but it won't animate. */
height: auto;
}Es gibt JavaScript-Tricks, die Sie ausprobieren können. Brandon Smith hat mehrere umrissen...
Überraschung: Scrollleisten sind kompliziert, besonders browser- und plattformübergreifend.
Manchmal nehmen sie Platz ein und manchmal nicht. Manchmal wird dies von einer Einstellung beeinflusst und manchmal nicht. Manchmal kann man sie sehen und manchmal nicht, es sei denn, man ist tatsächlich …
Die `scrollbar-gutter`-Eigenschaft in CSS bietet Flexibilität, um zu bestimmen, wie der Browser den Platz nutzt, der für die Anzeige einer Scrollleiste benötigt wird, die mit dem Inhalt auf dem Bildschirm interagiert. Der Standard beschreibt es als "Platz für die Scrollleiste reservieren". Die Schönheit von …
Rachel informiert uns über die Themen, die die CSS Working Group diskutiert
scrollbar-width und scrollbar-color kommen. Das Beste, was wir derzeit haben, sind proprietäre WebKit-Sachen.