Очередной простенький плагин без каких либо наворотов, именно этот плагин я упоминал в статье про стилизацию тега 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