fullPage.js — fullscreen scrolling website with Paroller.js

Fullscreen scrolling website is popular nowadays for one-page showcase projects, such as the product showcase or portfolio and so on. One step is to apply it with fullPage.js, you are all set.

Official

Github document

Step1:

import the library with npm or CDN

npm install fullpage.js

or

<script src=”https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.js" integrity=”sha512-gSf3NCgs6wWEdztl1e6vUqtRP884ONnCNzCpomdoQ0xXsk06lrxJsR7jX5yM/qAGkPGsps+4bLV5IEjhOZX+gg==” crossorigin=”anonymous” referrerpolicy=”no-referrer”></script>

CSS:

<link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.css" integrity=”sha512-TD/aL30dNLN0VaHVoh9voFlNi7ZuWQYtV4bkIJv2ulZ8mEEkZJ7IyGvDthMKvIUwzLmPONnjQlAi55HTERVXpw==” crossorigin=”anonymous” referrerpolicy=”no-referrer” />

step2:

HTML

sections should be inside the “fullpage”, and the slide is under the section for…