Стилизуем скроллбар на сайте через CSS

Небольшой CSS сниппет для стилизация скроллбара браузера. Скроллбар - это вертикальная полоска прокрутки на сайтах.

Скроллбар может быть вертикальным и горизонтальным.

/* scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ddd; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #aaa; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #777; 
}

Опубликовал Сергей Ермилов 29 декабря 2021 /

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Подписка на новости

Иногда мы отправляем дайджест с самыми популярными статьями, уроками и новостями из мира создания сайтов и веб-технологий.