fullpage-pagination
Example
Install
npm i fullpage-pagination
section-1 section-2 section-3 section-4 section-5 <!-- anchor -->button anchor to section 3 <!-- anchor from another page -->link anchor to section 3 from another page
;; const page = document;const options = // some options; const fullpage = page options;fullpage;
Options
Standart options
transition: 500 // slide transition in miliseconds easing: 'ease' // slide transition easing navigation: false // html nav container renderNavButton: false // (i) => { // return button html } prevButton: false // prev button html element nextButton: false // next button html element fadeIn: false // fade effect fadeInDuration: 500 // fade effect duration customTransition: false // no effects, just toggle active classnames touchevents: false // pagination on touchevents loop: false // loop option toggleClassesFirst: false // if true - toggle sections classes before animation
Events
fullpage { // some callback};fullpage { // some callback};fullpage { // some callback};fullpage { // some callback};