Модуль экранной прокрутки страницы (FullPage) «Чертоги Фрилансера» v3.0.0

Модуль экранной прокрутки страницы (FullPage) «Чертоги Фрилансера» v3.0.0

В шаблоне встроен функционал поэкранной прокрутки (скролла) страницы.

Подключение модуля

[JS] В файле js/app.js раскомментировать строку import ‘./libs/fullpage.js’

[SCSS] В файле src/scss/base.scss прокомментировать строку @import “base/fullpage”;

[HTML] Использовать снипет fullpage или построить HTML-структуру самостоятельно:

<div data-fp class="some-class">
	<div data-fp-section class="some-class__section"></div>
   ...
</div>

Настройка модуля

Буллеты

Есть возможность добавить кнопки переключения секций (буллеты). Для этого к объекту с дата атрибутом data-fp добавить дата атрибут data-fp-bullets

<div data-fp data-fp-bullets class="some-class">
	<div data-fp-section class="some-class__section"></div>
   ...
</div>

Эффекты переключения

Для изменения эффекта переключения, объекту с дата атрибутом data-fp добавить дата атрибут data-fp-effect и в качестве значения добавить один из следующих параметров fade, cards, slider (по умолчанию

<div data-fp data-fp-effect="fade" class="some-class">
	<div data-fp-section class="some-class__section"></div>
   ...
</div>
Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Что будем искать? Например,Человек

Мы в социальных сетях