Scroll básico de una página en Vanilla JavaScript-LeScroll
| Autor: | geomolenaar |
|---|---|
| Views Total: | 3,222 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 13, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
LeScroll. js le ayuda a crear un sitio web de desplazamiento de una página adaptable con transiciones CSS, escrito en JavaScript Vanilla.
Utilice el teclado, el ratón o las viñetas en el lado derecho de esta página para navegar a través de todas las secciones diferentes.
Funcionamiento
Cargue el lescroll. js al final del documento.
<script src="scripts/lescroll.min.js">
La estructura de marcado para crear un sitio web de desplazamiento de una página.
<div id="mask"> <nav> <ul> <li data-section="0"></li> <li data-section="1"></li> <li data-section="2"></li> <li data-section="3"></li> </ul> </nav> <div id="container"> <section class="turquoise-bg"> <div class="content"> Content 1 </div> </section> <section class="carrot-bg"> <div class="content"> Content 2 </div> </section> <section class="blue-bg"> <div class="content"> Content 3 </div> </section> <section class="turquoise-bg"> <div class="content"> Content 4 </div> </section> </div> </div>
Simplemente agregue un evento especificando el ID o la clase de su elemento y la sección a la que desea vincularlo.
leScroll.addEvent('#clickme', 0);
leScroll.addEvent('.next', 3);
