Scrollspy minimal con la biblioteca de JavaScript de desplazamiento suave-scrollmenu. js
| Autor: | denislins |
|---|---|
| Views Total: | 3,234 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 19, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
scrollmenu. js es una biblioteca de JavaScript simple y flexible que se utiliza para agregar una clase activa a los elementos de navegación cuando se desplaza más allá de sus secciones. Al hacer clic en un enlace en el navegador se desplazará suavemente a la sección correspondiente.
Funcionamiento
Agregue la biblioteca de JavaScript scrollmenu. js a su documento HTML cuando sea necesario.
<script src="src/scrollmenu.js"></script>
Active la funcionalidad de scrollspy en la navegación del sitio existente.
new ScrollMenu('.menu a') Estilo de los elementos de navegación activos.
.menu a.active {
font-weight: bold;
} Opciones posibles.
new ScrollMenu('.menu a',{
// smooth scroll duration
duration: 400,
// padding to recognize a section as active when scrolling
activeOffset: 40,
// padding when scrolling to a container via menu click
scrollOffset: 10,
})
