Задать вопрос
@hjk

Как устроена вёрстка кастомного скроллбара?

5f33e1a48cb1d098827119.png
Есть вот такой скроллбар, который я увидел на всем известном сайте доставки еды. Полез подсмотреть стили и сообразил, что не могу понять, как он кастомизирован. Есть подозрение, что это именно вёрстка, а не js, потому что в IE он дефолтный.
Как в целом можно настраивать полосы прокрутки у меня понимание имеется, так же заметил, что при отключении свойства overflow-y (видно на скриншоте) скроллбар меняется на дефолтный. Это вызвало больше вопросов, чем ответов.
5f33e1c7aaae7040241884.png
Очень занятно, помогите разобраться!
  • Вопрос задан
  • 83 просмотра
Подписаться 1 Средний 3 комментария
Решения вопроса 1
@thisuserhatephp
Офлайн - losers Онлайн - lusers
Если нужно для определенного блока (для списка например) то так, если для всей страницы убери класс
.custom-srollbar::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
}
.custom-srollbar::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #c1c1c1;
}
.custom-srollbar::-webkit-scrollbar-thumb:hover {
  background-color: #7d7d7d;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы