В шаблоне встроен функционал поэкранной прокрутки (скрола) страницы. По умолчанию любая секция страницы занимает минимум всю высоту экрана.
Расположение компонента
Файлы компонента находятся в папке src/components/layout/fullpage, здесь вы найдете JS-файл компонента, HTML-файл с примером кода, а также файл SCSS для стилизации компонента.
Использование компонента
В HTML, вы можете использовать снипет fullpage или построить HTML-структуру самостоятельно:
<div data-fls-fullpage class="some-class"><div data-fls-fullpage-section class="some-class__section"> ... </div>...</div>Буллеты
Есть возможность добавить кнопки переключения секций (буллеты). Для этого в объект с дата атрибутом data-fls-fullpage добавить дата атрибут data-fls-fullpage-bullets
<div data-fls-fullpage data-fls-fullpage-bullets class="some-class"><div data-fls-fullpage-section class="some-class__section"> ... </div>...</div>Эффекты переключения
Для изменения эффекта переключения, объекту с дата атрибутом data-fls-fullpage добавить дата атрибут data-fls-fullpage-effect и в качестве значения добавить один из следующих параметров fade, cards, slider (по умолчанию)
<div data-fls-fullpagedata-fls-fullpage-effect="fade" class="some-class">
<div data-fp-section class="some-class__section"> ... </div>...</div>