Свой скролл для сайта

Когда у нас готов красивый сайт для публикации это хорошо. но иногда нам кажется что чего-то в нем не хватает. Чаще всего маленькая деталь сайта не дает нам покоя. У меня это стандартный скролл. Я сделал полностью сайт по своему дизайну в любимых тонах, а вот эта полоска белая с боку мне мешает. Не смотрится она там. можно убрать полностью. А ка-же навигация ? Вот по этому я пришел к тому что скролл нужен свой, в стиль сайта

Все делается легко.

Заходим в настройки сайта (там где у нас стили ) и прописываем простой Css код:

/* весь скролбар */
::-webkit-scrollbar { width: 10px; } 
  
/* верхняя и нижняя кнопки скролла*/
::-webkit-scrollbar-button { background-color: #444; }
  
/* линия всего скролбара */
::-webkit-scrollbar-track { background: #ffffff;} 
  
/* ползунок */
::-webkit-scrollbar-thumb { background-color: #444; border-radius: 10px;}
  
/* нижний угол скролбара где встречаются горизонтальный и вертикальный скролбары */
::-webkit-scrollbar-corner { background-color: #999; }

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

Цветовую палитру смотри тут.

Сдаем вою работу заказчику и приступаем к следующей.

Поделиться в:

Share on facebook
Share on twitter
Share on linkedin
Share on vk
Share on telegram
Share on whatsapp