Biblioteca JavaScript para scroll suave y Scrollspy-JS-navbar-scroll
| Autor: | vojtechsebo |
|---|---|
| Views Total: | 2,549 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 19, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
JS-navbar-Scroll es una pequeña biblioteca de JavaScript que se utiliza para crear una navegación superior que proporciona el desplazamiento suave y las experiencias de desplazamiento espía en la aplicación Web de una sola página.
Funcionamiento
Cargue los archivos JavaScript y CSS en el documento.
<link href="css/main.css" rel="stylesheet"> <script src="js/bundle.js"></script>
Cree la navegación de cabecera y las secciones de contenido correspondientes de la siguiente manera:
<header> <div class="navbar"> <ul class="navbar-list"> <li class="navbar-item"> <a href="#about">About</a> </li> <li class="navbar-item"> <a href="#experience">Experience</a> </li> <li class="navbar-item"> <a href="#portfolio">Portfolio</a> </li> <li class="navbar-item"> <a href="#contact">Contact</a> </li> </ul> </div> </header> <section class="content"> <article id="about" class="section">About section</article> <article id="experience" class="section">Experience section</article> <article id="portfolio" class="section">Portfolio section</article> <article id="contact" class="section">Contact section</article> </section>
