«
»
CSSWEBWordPressWordPress - CSSWordPress - HTML

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

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

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

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

/* Скрытие - Скрол бара (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

Связанные записи
WordPressПлагины

Как принимать пожертвования? 4 лучших плагина для пожертвований на сайте WordPress.

WEB

Beaker Browser - Одноранговый браузер для веб-хакеров и разработчиков.

WordPressПлагиныПолезные сайты

Бесплатные и платные решения для клонирования (дублирования) WordPress сайта

WordPressПлагины

Как получить больше подписчиков электронной почты на вашем сайте WordPress