Biblioteca de presentación de diapositivas de página mínima-onePage. js
| Autor: | lukawski |
|---|---|
| Views Total: | 1,421 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 12, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
La ligera biblioteca JavaScript onePage. js le ayuda a crear presentaciones/presentaciones de pantalla completa para su sitio web de una página. Los usuarios pueden alternar entre las páginas con la rueda del ratón o haciendo clic en los botones de navegación.
Funcionamiento
Codiciona las páginas seccionadas y los botones de navegación:
<div id="container" class="sections-container"> <nav class="navbar"> <button type="button" class="link active"> Home </button> <button type="button" class="link"> About </button> <button type="button" class="link"> Contact </button> </nav> <section class="section"> Home </section> <section class="section"> About </section> <section class="section"> Contact </section> </div>
Cargue los archivos JavaScript y CSS de onePage al final del documento HTML.
<link rel="stylesheet" href="onePage.min.css"> <script src="onePage.min.js"></script>
Cree un nuevo objeto OnePage con algunas opciones.
const page = new OnePage({
mode: 'stack', // or normal
navbar: true // shows navigation bar
}) Inicialice el OnePage.
page.initPage()
