TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Стилизация скролл бара (Scroll Bar)

2 153

При разработке лендингов стилизованный скролл бар это весьма красивое дополнение Вашего дизайна, особенно он красиво выглядит когда почти не заметен. В данной записи я приведу код (а позже и другие примеры кода) по стилизации скролл бара.

Все что нужно это только добавить стили указанные в данной записи в Ваши, после этого вся магия красивого скролла будет присутствовать и на Вашем проекте.

Скрытие скролл бара:

/* Скрытие - Скрол бара (ScrollBar) */ ::-webkit-scrollbar-button { background-image:url(''); background-repeat:no-repeat; width:5px; height:0px } ::-webkit-scrollbar-track { background-color:#ecedee } ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; background-color:#4caf50d4; } ::-webkit-scrollbar-thumb:hover{ background-color:#4CAF50; } ::-webkit-resizer{ background-image:url(''); background-repeat:no-repeat; width:4px; height:0px } ::-webkit-scrollbar{ width: 4px; } /* END Скрытие - Стилизация Скрол бара (ScrollBar) */

Источник записи: https://mediadoma.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее