Я думаю, для не новичков не секрет, что стилизовать скроллбар сайта просто так нельзя. Да, есть какие-то свойства для -webkit браузеров, но конечно, без поддержки всех браузеров такое не работает. Хотя, давненько нам обещали что будет таки такая поддержка. Пока что не слышал больше об этом информации.
Именно поэтому все кастомные скроллы делают плагинами. И на мой взгляд лучший из них — mCustomScrollbar. Работать с ним проще простого, поэтому я просто покажу)
HTML
Просто блок с текстом
CSS
1 | .text {height: 300px;} |
.text {height: 300px;}
Здесь главное создать ситуацию для скроллинга. height или max-height.
JS
1 | $('.text').mCustomScrollbar(); |
$('.text').mCustomScrollbar();
Тут по сути просто вызов. У плагина много настроек, но зачастую они не нужны. Хотя возможно Вам пригодятся)
Успехов в применении плагина, друзья! Возможно, на следующих неделях (в связи с подготовкой к переезду и самим переездом) будет не очень с постами, но затем вернусь!)
Автор данного блога. Веб-разработчик. Фрилансер. Создаю крутые адаптивные сайты. Портфолио на https://maxgraph.ru/
Добавляйтесь в друзья Вконтакте! Каждому добавившемуся и написавшему в личку «хочу полезность» — подарю набор крутых ссылок для верстальщика :)