При разработке лендингов стилизованный скролл бар это весьма красивое дополнение Вашего дизайна, особенно он красиво выглядит когда почти не заметен. В данной записи я приведу код (а позже и другие примеры кода) по стилизации скролл бара.
Все что нужно это только добавить стили указанные в данной записи в Ваши, после этого вся магия красивого скролла будет присутствовать и на Вашем проекте.
Скрытие скролл бара:
/* Скрытие - Скрол бара (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