• Данный материал предоставлен сайтом исключительно в ознакомительных целях.
    Администрация не несет ответственности за его содержимое. По всем жалобам пишите на почту abusevhguru@yandex.ru

SCROLLIFY - УСКОРИТЕЛЬ ПРОКРУТКИ КОЛЁСИКА МЫШИ

Виталий

Капитан
Сообщения
292
Реакции
206

Виталий

  • 292
  • 206
Scrollify - ускоритель прокрутки колёсика мыши. jQuery плагин, который помогает быстро и плавно переместиться к нужному разделу или секции страницы. Настраиваемый и оптимизированный для touch устройств.

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

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

 

kobraMD

Новичок
Сообщения
0
Реакции
0

kobraMD

  • 0
  • 0
Есть ещё много способов, но этот вроде оптимальный
 

flystani

Опытный
Сообщения
175
Реакции
75

flystani

  • 175
  • 75
Обратите внимание, пользователь заблокирован. Крайне не рекомендуем заключать сделки с этим пользователем,
серьезно очень полезно и легко стало работать
 

gtcka

Капитан
Сообщения
295
Реакции
88

gtcka

  • 295
  • 88
Обратите внимание, пользователь заблокирован. Крайне не рекомендуем заключать сделки с этим пользователем,
для чего это
 
Сверху