Есть ли кроссбраузерное решение для стилизации overflow:scroll?

Question

[html-css]

Есть ли кроссбраузерное решение для стилизации overflow:scroll?
Вариант по типу

::-webkit-scrollbar { width: 3px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #999;}}
::-webkit-resizer { background-color: #666;}

не пляшет

Comments

[Rustam Bainazarov]

Нет.

Только кастомные JS-решения. Из них всех лучше этот вариант:
https://kingsora.github.io/OverlayScrollbars/#!overview

У меня не было с ним много проблем, но он в ряде случаев может ломать вёрстку (как и любой иной такой плагин). Я не встречал с ним таких проблем, правда.

[html-css]

Рустам Байназаров,
а есть решение, которое было бы применимо ко всем блокам, у которых задан overflow
дабы не менять структуру дополнительными блоками, спанами и т.п??

[Rustam Bainazarov]

html-css, скрипт это делает сам на нужном селекторе. Вам только нужно его инициализировать на нужном элементе.

[html-css]

Рустам Байназаров, Благодарю