Smart auto Mostrar/ocultar cabecera de navegación-Reveal-bar
| Autor: | AustinPaquette |
|---|---|
| Views Total: | 1,856 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 28, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Reveal-bar es un plugin de JavaScript PURE Vanilla para crear una navegación de cabecera inteligente que muestra/oculta automáticamente cuando se desplaza hacia abajo o hacia arriba en la Página Web.
Funcionamiento
Cree una navegación de cabecera para su sitio Web.
<div id="site-header"> <div class="nav-1"></div> <div class="nav-2"></div> </div>
Corrija la navegación del encabezado en la parte superior de la Página Web.
#site-header {
position: absolute;
width: 100%;
right: 0;
left: 0;
top: 0;
will-change: top;
} Incluya el script revealbar. js en la parte inferior de la Página Web.
<script src="revealbar.js"></script>
Active la barra de revelación.
revealbar("#site-header"); Las opciones disponibles & devoluciones de llamada con valores predeterminados.
revealbar("#site-header",{
// callbacks
onAttach: noop,
onDetach: noop,
onShow: noop,
onHide: noop,
// bottom offset
bottomOffset: 0
});
