Реклама

Плагин для плавной постраничной навигации Обновлено 15.09.2015

Интересный плагин для постраничной/посекционной навигации, удобно применять во флет-дизайне.

Подключаем файл из вложения и в любом месте где описан ваш JS-код пишем примерно следующее:

$(".main").onepage_scroll({
    sectionContainer: "section", // контейнер, к которому будет применяться скролл
    easing: "ease", // Тип анимации "ease", "linear", "ease-in", "ease-out", "ease-in-out"
    animationTime: 1000, // время анимации
    pagination: true, // скрыть или отобразить пагинатор
    updateURL: false // обновлять URL или нет
    });

где...

.main - это родительский div с классом main

section - элемент разметки html5 - каждый такой элемент должен быть в высоту страницы - height: 100%;

 

Вложение:
Скачать файл 5dx_onepage-scroll-master.zip
Размер 186.96 KB
Скачан 144 раз
RSS
RSS - Лента новостей
Закладки
Сообщества