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

Question

[hjk]

Есть вот такой скроллбар, который я увидел на всем известном сайте доставки еды. Полез подсмотреть стили и сообразил, что не могу понять, как он кастомизирован. Есть подозрение, что это именно вёрстка, а не js, потому что в IE он дефолтный.
Как в целом можно настраивать полосы прокрутки у меня понимание имеется, так же заметил, что при отключении свойства overflow-y (видно на скриншоте) скроллбар меняется на дефолтный. Это вызвало больше вопросов, чем ответов.

Очень занятно, помогите разобраться!

Comments

[WapSter]

Я вот из Киргизии и сервис доставки еды это тандырные лепешки улицей ниже. Ссылку бы.

[hjk]

WapSter, я боялся, что вдруг реклама, и всё такое. Это просто ЯндексЕда

[WapSter]

hjk, Как сверстать кастомный скроллбар?

Answer 1

[lUser L]

Если нужно для определенного блока (для списка например) то так, если для всей страницы убери класс

.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;
}

Comments

[hjk]

Я понял, эти стили почему-то не парсятся devtools, поэтому я растерялся вначале.
Они зачем-то кладутся тегами