Navegación pegajosa que se esconde en el desplazamiento hacia abajo-Heads-up
| Autor: | ChrisCavs |
|---|---|
| Views Total: | 313 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 6, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca Heads-up le ayuda a crear una navegación adhesiva inteligente que se oculta al desplazarse hacia abajo y reaparece al desplazarse hacia arriba.
Funcionamiento
Instale el Heads-up a través de NPM.
$ npm install headsup.js --save
Importa el Heads-up.
import headsUp from 'headsup.js'
Cree una navegación de cabecera en la Página Web.
<header> Your Navigation Here </header>
Inicializar el Heads-up en la navegación de cabecera. Hecho.
headsUp({
selector: 'header'
}) Personalice el comportamiento de la navegación Sticky.
headsUp({
selector: 'header',
duration: 0.3, // in seconds
easing: 'ease',
delay: 0,
debounce: false // in ms
})
