JQ - прокрутка экранов, поблочная прокрутка на лэндинге и не только

JQ - прокрутка экранов, поблочная прокрутка на лэндинге и не только


Представляю вашему вниманию плагин, который позволяет при одноразовой прокрутке колесом мышки сменять не маленький кусочек экрана, а специально подготовленную для этого секцию - экран. Плагин отлично подойдет для лендингов.

Плагин написан на JQuery, подключается в несколько строк и имеет специальную HTML разметку, которую подхватывает сам плагин. Итак, поехали:

1. Подключение плагина fullPage.js

Эффективнее всего подключать javascript перед закрывающим тегом BODY. Первым делом необходимо подключить JQuery, затем библиотеки самого плагина, инициализацию, если вы в этом разбираетесь, конечно же, лучше вынести в отдельный файл а-ля конфиг, но и так тоже можно.









между тегами HEAD подключаем стили




2. Разметка кода

Создатели плагина пошли по пути HTML5 и это очень хорошо. Блок, который будет подчиняться правилу плагина нужно обернуть в id="fullpage", а экраны обернуть секциями:

каждый новый экран, который реагирует на скролл колесом помещается между этими тегами
каждый новый экран, который реагирует на скролл колесом помещается между этими тегами
каждый новый экран, который реагирует на скролл колесом помещается между этими тегами


Демо и файлы плагина: https://alvarotrigo.com/fullPage
Понравилась статья "JQ - прокрутка экранов, поблочная прокрутка на лэндинге и не только" из раздела Создание сайта » Работа с кодом? Подпишись на RSS. Будь в курсе всего происходящего на сайте
Комментариев: 0 •  Просмотров: 461   Дата: 04-сен-2016, 22:03

Похожие статьи

Комментарии

b
i
u
s
|
left
center
right
|
emo
color
|
hide
quote
translit
© 2010-2015 artemmian.ru v 7.0: flexyflat tpl Designed by artstudios
Карта сайта HTMLКарта сайта XMLПравообладателям
Поисковый анализ сайта