Самый удобный плагин стилизации скролла | Блог веб-разработчика MaxGraph

Самый удобный плагин стилизации скролла

Привет! Новая статья про плагины (коих еще запланировано много) И сегодня о том, как сделать кастомный скролл).

Я думаю, для не новичков не секрет, что стилизовать скроллбар сайта просто так нельзя. Да, есть какие-то свойства для -webkit браузеров, но конечно, без поддержки всех браузеров такое не работает. Хотя, давненько нам обещали что будет таки такая поддержка. Пока что не слышал больше об этом информации.

Именно поэтому все кастомные скроллы делают плагинами. И на мой взгляд лучший из них — mCustomScrollbar. Работать с ним проще простого, поэтому я просто покажу)

HTML

Просто блок с текстом

CSS

1
.text {height: 300px;}
.text {height: 300px;}

Здесь главное создать ситуацию для скроллинга. height или max-height.

JS

1
$('.text').mCustomScrollbar();
$('.text').mCustomScrollbar();

Тут по сути просто вызов. У плагина много настроек, но зачастую они не нужны. Хотя возможно Вам пригодятся)

 

 

Успехов в применении плагина, друзья! Возможно, на следующих неделях (в связи с подготовкой к переезду и самим переездом) будет не очень с постами, но затем вернусь!)

Метки: , ,

Понравилось? Оцени!
12345 (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *