@cluberr

Как стилизовать через css полосу прокрутки внутри блока?

Есть блок с абсолютным позиционированием, для него задано overflow=auto,
справа в блоке полоса прокрутки, нужно ее оригинально оформить, какими селекторами ее стилизовать можно ?
MAjbMVEsvbQZQA.jpgQ2KLxdzs9BldXA.jpg
  • Вопрос задан
  • 70811 просмотров
Решения вопроса 1
z80b
@z80b
Frontend
Scrollbar стилизовать можно только в webkit браузерах и ie да и то не очень сильно. В ie так не получится скорее всего. В webkit с помощью свойств:
::-webkit-scrollbar
::-webkit-scrollbar-button
::-webkit-scrollbar-track
::-webkit-scrollbar-track-piece
::-webkit-scrollbar-thumb
::-webkit-scrollbar-corner
::-webkit-resizer.
Пример:
::-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;}


Лучше использовать какой-нибудь js-плагин, типа этого: manos.malihu.gr/jquery-custom-content-scroller
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Vampireos
@Vampireos
https://vk.com/axelaredz
Можно скрыть и показывать только на :hover
https://codepen.io/hiago_silverio/pen/RRdJbz
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы