Full page jQuery plugin scrolling | Wiki | PWODEV
, 04.12.2017 11:56

Full page jQuery plugin scrolling


Раньше мы рассматривали как получить высоту экрана, а сегодня рассмотрим Full page плагин ссылка — https://alvarotrigo.com/fullPage/, который делает это самостоятельно.

Очень полезный плагин для того чтобы реализовать сайт в полный экран с прокруткой до блока.

Документация на русском языке

Как работает Full page плагин:
  1. Для начала скачиваем последнюю версию плагина с официального сайта.
  2. Нас интересует 2 файла — jquery.fullpage.min.css и jquery.fullpage.min.js
  3. Кладем файлы в нужные папки и подключаем скрипты к нашему сайту:
  4. Далее в коде где будем использовать создаем такую структуру
  5. И последнее подключаем скрипт к контейнеру:

Готово, наш скрипт работает.

Если нужно поменять селекторы контейнеров делаем это так:

Полный список параметров:

Если у вас есть дополнения или новые идеи к этой статье, пишите их в комментариях. Также для того чтобы написать на нашем сайте свою статью — у нас открыта регистрация по ссылке http://wiki.pwodev.com/wp-admin


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