Как стилизовать скроллбар?
Сколько не искал в интернете никак не могу найти подходящий метод кастомизации скроллбара наподобие того, что на картинке. Мне даже интересно, возможна ли такая кастомизация?
Ответы (1 шт):
Кроссбраузерной кастомизации скроллбара средствами CSS до сих пор нет.
Обычно используют различные решения на JS/jQuery, например, jQuery Scrollbar.
В браузерах семейства Webkit можно стилизовать следующими префиксными свойствами:
::-webkit-scrollbar - Скроллбар (1)
::-webkit-scrollbar-button - Кнопки на скроллбаре (2)
::-webkit-scrollbar-track - Трек (3)
::-webkit-scrollbar-track-piece - Видимая часть трека (4)
::-webkit-scrollbar-thumb - Ползунок (5)
::-webkit-scrollbar-corner - Уголок (6)
::-webkit-resizer - Край для изменения размера (7)
Более подробно об этом: http://htmlbook.ru/blog/polzovatelskie-skrollbary-v-webkit