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

Этoт эффeкт мoжнo испoльзoвaть для глaвнoй,для сaйтoв визитoки и нa чтo xвaтит фaнтaзии.И так приступим 1.Скачиваем архив [isnt-logged]Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.[/isnt-logged][is-logged]scrollify.zip (9.64 Kb)[/is-logged]
Код: $.scrollify("move","#name");5.Смотрим исходники там все понятно вроде,если нет то спрашиваем ,распаковываем и заливаем папку JS в нашу папку с шаблоном.2.Ну сама страница должна иметь примерно такой кодКод: <! doctype html> <html> <head> <script> $(function() { $.scrollify({ section : "section", }); }); </script> </head> <body> <section></section> <section></section> </body> </html>3.Перед закрытием тега body подключаем скриптыКод: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="js/jquery.scrollify.min.js"></script> <script src="js/jquery.easing.min.js"></script> <script src="js/main.js"></script>Если jquery уже подключен то это подключениеКод: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>не нужно4.Немножко документацииКод: $.scrollify({ section : "section", sectionName : "section-name", easing: "easeOutExpo", scrollSpeed: 1100, offset : 0, scrollbars: true, before:function() {}, after:function() {} });sectionСелектор для секций (разделов) на странице.sectionNameScrollify позволяет определить для каждого раздела своё хеш значение. Название атрибута data определяется в параметре ‘sectionName’.easingОпределяет используемый метод easing.offsetРасстояние в пикселях для комппенсации положения каждого раздела.scrollbarstrue или false — определяет будет ли видна полоса прокрутки.beforeФункция обратного вызова, которая вызвается до того как был вызван метод скроллирования до раздела. Аргументы включают index раздела и массив всех разделов.Метод движения может быть использован для перехода к конкретному разделу. Можно привязать либо к index-у раздела или к названию раздела определяемому в хеше атрибута data.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

три × один =