8Dle
Авторизация

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

Scrollify - ускоритель прокрутки колёсика мыши
Scrollify - ускоритель прокрутки колёсика мыши. jQuery плагин, который помогает быстро и плавно переместиться к нужному разделу или секции страницы. Настраиваемый и оптимизированный для touch устройств.
Scrollify требует присутствия jQuery 1.6+ и библиотеки jquery.easing.js для плавной анимации. Поддерживаются следующие браузеры: IE7+, Chrome, Firefox, Opera, Safari.

Базовая настройка


<!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");

Скачать:
scrollify.zip [10,03 Kb] (cкачиваний: 43)



Жмите на Кнопу ниже, или подписывайтесь!


Читайте также
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Денежные переводы. Разработка технологий машинного перевода
obmenu.com


Dle это движок который изначально проектировался для создания новостных сайтов, но по мере своего развития движка значительно расширил свою функциональность и стал универсальным средством разработки и сопровождения сайтов и блогов различной направленности и тематики. По сравнению с другими бесплатными (и некоторыми платными) CMS системами движок dle обладает довольно обширными возможности.

Авторизация