Виталий
Капитан
- Сообщения
- 292
- Реакции
- 206
Виталий
- 292
- 206
Scrollify - ускоритель прокрутки колёсика мыши. jQuery плагин, который помогает быстро и плавно переместиться к нужному разделу или секции страницы. Настраиваемый и оптимизированный для touch устройств.
Базовая настройка:
Настройка:
Опции:
Метод движения может быть использован для перехода к конкретному разделу. Можно привязать либо к index-у раздела или к названию раздела определяемому в хеше атрибута data.
Базовая настройка:
HTML:
<!doctype html>
<html>
<head>
<script>
$(function() {
$.scrollify({
section : "section",
});
});
</script>
</head>
<body>
<section></section>
<section></section>
</body>
</html>
Код:
$.scrollify({[/B]
[B] section : "section",[/B]
[B] sectionName : "section-name",[/B]
[B] easing: "easeOutExpo",[/B]
[B] scrollSpeed: 1100,[/B]
[B] offset : 0,[/B]
[B] scrollbars: true,[/B]
[B] before:function() {},[/B]
[B] after:function() {}[/B]
[B]});
Опции:
- section - селектор для секций (разделов) на странице
- sectionName - scrollify позволяет определить для каждого раздела своё хеш значение. Это позволяет иметь каждому разделу свою постоянную ссылку, которая задается в атрибуте data. Название атрибута data определяется в параметре 'sectionName'.
- easing - определяет используемый метод easing.
- offset - расстояние в пикселях для комппенсации положения каждого раздела.
- scrollbars - true или false - определяет будет ли видна полоса прокрутки.
- before - функция обратного вызова, которая вызвается до того как был вызван метод скроллирования до раздела. Аргументы включают index раздела и массив всех разделов.
- after - функция обратного вызова, которая вызывается после того, как мы прокрутили до нового раздела. Аргументы включают index раздела и массив всех разделов.
Метод движения может быть использован для перехода к конкретному разделу. Можно привязать либо к index-у раздела или к названию раздела определяемому в хеше атрибута data.
$.scrollify("move","#name");
У вас нет разрешения на просмотр ссылки, пожалуйста Войдите или Зарегистрируйтесь