Dies ist ein interessanter Artikel über den aktuellen Stand von Scrollbars und wie man ihr Verhalten über Betriebssysteme und Browser hinweg steuert. Der Beitrag hebt auch eine Reihe von Dingen hervor, die ich nicht wusste, wie z.B. Element.scrollIntoView() und die scroll-behavior CSS-Eigenschaft.
Mein liebster Teil von allem aber? Das muss dieser Abschnitt sein
Im modernen Web ist es nicht mehr gerechtfertigt, sich stark auf benutzerdefiniertes JavaScript zu verlassen, um ein identisches Verhalten für alle Clients zu erreichen: die gesamte Idee der „Browserübergreifenden Kompatibilität“ wird zu einer Sache der Vergangenheit, da immer mehr CSS-Eigenschaften und DOM-API-Methoden ihren Weg in standardmäßige Browserimplementierungen finden.
Unserer Meinung nach ist Progressive Enhancement der beste Ansatz, der verfolgt werden sollte, wenn Sie nicht triviale Scrollvorgänge in Ihren Webprojekten implementieren.
Stellen Sie sicher, dass Sie die bestmögliche, minimale, aber universell unterstützte UX bieten können, und verbessern Sie sie dann mit modernen Browserfunktionen im Hinterkopf.
Apropos browserübergreifendes Verhalten von Scrollbars: Louis Hoebregts hat ebenfalls einen neuen Beitrag, der darauf hinweist, wie Browser die Scrollbar bei der Behandlung von vw-Einheiten nicht berücksichtigen, und er bietet eine schöne Möglichkeit, dies mit CSS Custom Properties zu handhaben.