Desplazamiento de página completa ligero en JavaScript puro-fullPage. js

Vista prévia

Descripción

Sólo otro plugin de JavaScript que implementa el efecto de desplazamiento de una página táctil de pantalla completa para su aplicación Web de una sola página utilizando JavaScript puro.

Funcionamiento

Coloque la versión minimizada de fullpage. js en el documento cuando sea necesario.

<script src="/path/to/fullPage.min.js"></script>

Suponiendo que tiene varias secciones de página de pantalla completa como esta:

<div id="main">

<section class="section"></section>

<section class="section"></section>

<section class="section"></section>

<section class="section"></section>

...
</div>

Inicializar el fullPage. js mediante una llamada a la FullPage función en el elemento superior.

var page = new FullPage("#main");

Opciones de configuración predeterminadas.

var page = new FullPage("#main",{



// section selector


section: '.section',



// animation options


animationDuration: 700,


animationTiming: 'ease',


animationTranform: 'transform',



// enable side navigation


pagination: true,



// enable keyboard navigation


keyboard: true,



// enable touch events


touch: true,



// touch limit in ms


touchLimit: 100,



// infinite loop


loop: false,



// callbacks


onLeave: null,


afterLoad: null,



});

Desplácese por la página web a una sección específica.

page.moveTo(index);