Navegación de desplazamiento adaptable en JavaScript-barra de Bungie
| Autor: | pbaity |
|---|---|
| Views Total: | 1,239 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 1, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Bungie bar es una navegación responsive inspirada en Apple.com que contrae el largo NAV horizontal en un menú desplazable con flechas de navegación izquierda/derecha en dispositivos móviles.
Funcionamiento
Inserte el JavaScript y la hoja de estilo de la barra de Bungie en el documento HTML.
<link rel="stylesheet" href="bungie.css"> <script src="bungie.js"></script>
Envuelva la lista de navegación normal en un recipiente con la clase CSS de ' Bungie '. Eso es todo.
<div id="bungie"> <ul> <li><a>home</a></li> <li><a>messages</a></li> <li><a>notifications</a></li> <li><a>favorites</a></li> <li><a>profile</a></li> <li><a>about us</a></li> <li><a>more info</a></li> <li><a>settings</a></li> <li><a>privacy policy</a></li> <li><a>extras</a></li> <li><a>menu</a></li> </ul> </div>
Registro de cambios
08/01/2018
- Incrementos de desplazamiento más limpios: se ha eliminado la animación de desplazamiento por ahora, pero cada paso en el desplazamiento se mide por el ancho del elemento visible más a la izquierda, de modo que los elementos no se cubren parcialmente en el lado izquierdo.
