SCROLLIFY

ускоритель прокрутки колёсика мыши

jQuery плагин, который помогает быстро и плавно переместиться к нужному разделу или секции страницы.

Настраиваемый и оптимизированный для touch устройств.

Базовые настройки

Scrollify требует jQuery 1.6+ и библиотека easing, jquery.easing.js.

	<! doctype html>
	<html>
		<head>
			<script>
				$(function() {
					$.scrollify({
						section : "section",
					});
				});
			</script>
		</head>
		<body>
			<section></section>
			<section></section>
		</body>
	</html>

Настройки

	$.scrollify({
		section : "section",
		sectionName : "section-name",
		easing: "easeOutExpo",
		scrollSpeed: 1100,
		offset : 0,
		scrollbars: true,
		before:function() {},
		after:function() {}
	});

Опции

section: Селектор для секций (разделов) на странице.
sectionName: Scrollify позволяет определить для каждого раздела своё хеш значение. Это позволяет иметь каждому разделу свою постоянную ссылку, которая задается в атрибуте data. Название атрибута data определяется в параметре 'sectionName'.
easing: Определяет используемый метод easing.
offset: Расстояние в пикселях для комппенсации положения каждого раздела.
scrollbars: true или false - определяет будет ли видна полоса прокрутки.
before: Функция обратного вызова, которая вызвается до того как был вызван метод скроллирования до раздела. Аргументы включают index раздела и массив всех разделов.
after: Функция обратного вызова, которая вызывается после того, как мы прокрутили до нового раздела. Аргументы включают index раздела и массив всех разделов.

Методы

Метод движения может быть использован для перехода к конкретному разделу. Можно привязать либо к index-у раздела или к названию раздела определяемому в хеше атрибута data.

	$.scrollify("move","#name");