Хочу убрать стандартный скролл , поставить не широкий красивый как на смартфонах, чувствую решить проблему может js/jquery
Ответ
Можно сделать и с помощью css. Пример.
P.S. Если я правильно понял задание, то уже настроите под себя:)
body {
min-height: 250vh;
}
::-webkit-scrollbar-button {
width: 5px;
height: 0px
}
/* Цвет дорожки, по которой двигается бегунок прокрутки. */
::-webkit-scrollbar-track {
background-color: #ecedee
}
/* Цвет бегунка полосы, а так же его закругление. */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color: #6dc0c8;
}
/* Цвет бегунка при наведении на него курсора. */
::-webkit-scrollbar-thumb:hover {
background-color: #56999f;
}
/* Основная ширина полосы прокрутки. */
::-webkit-resizer {
width: 4px;
height: 0px
}
::-webkit-scrollbar {
width: 4px;
}
ИЛИ:
Подробнее...
body {
min-height: 250vh;
}
It supports DIVs, IFrames, textarea, and document page (body) scrollbars. Compatible with all desktop browser: Firefox 4+, Chrome
5+, Safari 4+ (win/mac), Opera 10+, IE 6+. (all A-grade browsers)
Комментариев нет:
Отправить комментарий