Як змінити смугу прокрутки на сайті (26 готових тем)

Вітаю, друзі. Я думаю, що сьогодні пост вийде не сильно великим, так як все, що ми будемо робити дуже просто, а робити ми будемо сьогодні смугу для прокрутки на нашому сайті, вірніше ми будемо міняти її дизайн. Плюс до всього у нас буде плавна прокрутка для всього сайту, а так само кілька вже готових смуг прокрутки. Тепер давайте почнемо.

Так само пропоную поглянути:

Як змінити смугу прокрутки на сайті (26 готових тем)

Демо Ι Завантажити

Плавне прокручування

Полоса прокрутки

Виявляється той скрипт плагін за допомогою якого ми зробили плавну прокрутку, має безліч різноманітних тем для смуги в браузері. Якраз ось зараз ми їх і розглянемо. Таким чином встановити красиву смугу стає дуже просто, не потрібно робити ніяких зайвих рухів. Загалом тут ми просто будемо міняти тему для смуги, які вже записані в плагіні.

Після того як ви змогли встановити плавну прокрутку на сайт, можна приступати до зміни теми, інакше смуга працювати не буде.

Нам потрібно знайти скрипт, який ми ставили перед закриває тегом , ось він:

Тут є дуже цікава рядок theme: "dark-thin». де dark-thin це назва теми для смуги прокрутки. Щоб змінити стиль смуги, нам потрібно всього лише змінити назву теми. Простіше простого.

Де взяти назву теми для смуги?

У файлі jquery.mCustomScrollbar.css який знаходиться в исходниках. Або ж ось вам повний перелік тем:

Відповідно теми з приставкою dark для сайтів зі світлим оформленням, а з приставкою light для темних сайтів. Ще раз повторюся Вам потрібно лише скопіювати слово і вставити його в те місце в скрипті про який я говорив трохи вище.

І ще, в демо не повний перелік тем.

Демо Ι Завантажити

Друзі, звичайно ж Ви можете змінити будь-яку тему під свій сайт, і це не кінцевий результат який представлений Вище, але, погодьтеся, тим більш ніж достатньо. І я впевнений, що тут можна знайти те, що Вам потрібно.