Случайный выбор победителя «Вконтакте»
Артем Мáлков
139 просм
0 комм
Поделиться

Кроссбраузерная стилизация полосы прокрутки (ScrollBar) на jQuery

Знаю, что многим стандартная полоса прокрутки на сайте не нравится – скучная, не вписывается в общую стилистику сайта. Сегодня же я покажу, как с помощью небольшой библиотеки jQuery под названием «Nicescroll» можно исправить положение.

1. Первым делом скачайте архив в конце статьи и содержимое, загрузите на ваш сайт по FTP.

2. Далее в шаблоне вашего сайта, перед закрывающим тегом </body>, подключите скрипты:

<script src="/jquery.nicescroll.js"></script> 
<script> 
$(document).ready(function() {
	var nice = $("html").niceScroll(); 
}); 
</script> 

Не забудьте изменить адрес до скрипта согласно иерархии файлов на вашем сайте.

Вот, собственно, и все. Если захотите изменить размер, цвет и другие параметры скролла – присваивайте все стили классу «.nicescroll-rails div», например:

.nicescroll-rails div { 
	background: red !important; 
}  

Стилизация скролла работает в браузерах FireFox, Opera, IE, в браузерах на движке Chromium (Амиго, Яндекс.Браузер, Google Chrome и прочие) и других.

ФайлРазмерСсылка
0
комментарий
Оставить комментарий:
Нажимая кнопку «Отправить» вы даете согласие на обработку своих персональных данных.
Ваше Имя
Ваш E-mail
Текст комментария