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

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

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

HTML

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

CSS

1

.text {height: 300px;}

.text {height: 300px;}

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

JS

1

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

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

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

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

Метки: HTML, css, jQuery