Как сделать свой Scroll Bar (полосу прокрутки) в WordPress

Для того, чтобы на сайте глобально поменять скроллбар (полосу прокрутки), необходимо в настройках внешнего вида темы добавить следующий CSS код:

::-webkit-scrollbar{
    width: 0.5vw;
    background: #ffffff;
}
::-webkit-scrollbar-thumb{
    background: #0013C8;
    border-radius: 0px 0px 0px 0px;
}

Для работы данного стиля в браузере Firefox необходим следующий код:

/*Firefox Support*/
html{
    scrollbar-width: thin;
    scrollbar-color: #0013C8 #ffffff;
}

Для изменения цвета при наведении:

::-webkit-scrollbar-thumb:hover{
   background: #FF5C00; 
}

В результате получим следующее:

VK
OK
Facebook
Skype
WhatsApp
Telegram

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 0 / 5. Количество оценок: 0

Оценок пока нет. Поставьте оценку первым.

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

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

Достигнут лимит времени. Пожалуйста, введите CAPTCHA снова.

Категории блога

Выберите свой город:
Не нашли свой город в списке? Не беда! Обучение созданию сайтов возможно провести в режиме онлайн, даже если вы находитесь вообще в другой стране. Записаться на онлайн обучение.

Запись на обучение

Заполните форму для предварительной записи на обучение созданию сайтов или напишите для консультации в один из мессенджеров: