Mirami97
@Mirami97
студент

Как можно изменить высоту полосу прокрутки с помощью CSS?

Доброго времени.
На сайте создал полосу прокрутки для блока
603e2d3429485731707583.png
У меня не получается уменьшит высоту полосы скрола.
Пробовал:
::-webkit-scrollbar {
height: 10px;
max-height: 10px;
}
::-webkit-scrollbar-thumb {
height: 10px;
max-height: 10px;
}


Но изменит не получилось. Ширину изменить получилось, а высоту нет. В CSS это можно реализовать?
  • Вопрос задан
  • 157 просмотров
Пригласить эксперта
Ответы на вопрос 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Никак нельзя.
А зачем вам ее менять? Никто никогда этого не делает. Даже в кастомных скроллбарах она автоматом рассчитывается.
Ответ написан
@strelok011
Системный скроллбар изменить не получится, это за пределами области документа.
Разные браузеры могут предоставлять урезанные и не совпадающие по изменяемым свойствам вендорные хаки.
Для полного управления внешним видом скроллба можно использовать решения, опирающиеся на атрибуты overflow для body и контейнеров в html + js для позиционирования своего сверстанного бегунка с произвольными параметрами.
Если есть желание всё это использовать - есть готовые решения типа https://grsmto.github.io/simplebar/
Но нужно иметь в виду, что такое решение может сломаться в каких-либо непредвиденных разработчиками условиях, в отличие от системного скролла.
Вердикт - полное извращение )
Ответ написан
Ваш ответ на вопрос

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

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