Возможно вас это заинтересует

Очередной простенький плагин без каких либо наворотов, именно этот плагин я упоминал в статье про стилизацию тега select плагином Selecter. Действительно в этом плагине никаких наворотов нет, очень хорош если нужно просто сделать стилизованный скролл. Имеет несколько свойств для настроек которых хватит в полной мере для создания красивого скроллбара.

Установка

Как обычно сначала подключаем файлы плагина:

1
2
<script src="jquery.fs.scroller.js"></script>
<link href="jquery.fs.scroller.css" rel="stylesheet">

Опции

customClass – по умолчанию ‘ ‘ – Пользовательский класс для объекта;

duration – по умолчанию 0 – Продолжительность анимации скролла;

handleSize – по умолчанию 0 – Размер скользящего элемента;

horizontal – по умолчанию false – Активирует горизонтальный скроллбар;

trackMargin – по умолчанию 0 – Отступ между скролл дорожкой и скользящим элементом.

Методы

Метод defaults

1
$.scroller("defaults", opts);

opts – по умолчанию {} – Опции объекта.

Метод destroy – деактивирует все скроллбары или только указанный

1
$(".target").scroller("destroy");

Метод scroll – программная прокрутка скроллбара на указанную позицию или к указанному объекту

1
$.scroller("scroll", pos, duration);

pos – по умолчанию null – Параметр принимает два варианта, либо конкретную позицию например 120px либо якорь #target;
duration – по умолчанию null – Продолжительность прокрутки(создает плавность).

Метод reset – переопределяет плагин или конкретный объект

1
$.scroller("reset");

Возможно вас это заинтересует
comments powered by HyperComments