Construir menús de hamburguesas deslizantes accesibles con Offcanvas

El libre Plugin de Offcanvas Es uno de los muchos recursos para navegaciones deslizantes. Puede encontrar un montón de complementos similares en línea, pero Offcanvas se destaca por algunas razones.

Es un biblioteca bastante ligera y mientras se ejecuta en jQuery también es no es muy difícil de configurar. Esto es cierto tanto para el código JavaScripts como para el código HTML, por lo que no tendrá que cambiar mucho su navegación predeterminada..

El plugin Offcanvas te permite Designar ciertas áreas donde debería aparecer el menú.. Por defecto, este suele ser el lado izquierdo o derecho de la pantalla, pero también puede elegir la parte superior o inferior de la pantalla..

Esto hace que Offcanvas sea ideal para Más que simplemente deslizar menús de hamburguesas. Puede ser utilizado para barras de notificación deslizantes o incluso campos opt-in para capturar correos electrónicos.

Cada panel funciona de la misma manera donde el usuario puede Haga clic en cualquier lugar de la página para ocultar el menú deslizante.. Y tu puedes configurar comandos de teclado que se ejecutan de acuerdo con las pautas de ARIA para una correcta accesibilidad web.

Para instalar Offcanvas, solo necesitas una copia de jQuery junto con Offcanvas archivos CSS / JS. Puede obtenerlos a través de npm, bower o directamente desde GitHub.

También en la página de GitHub, podrás ver un poco de código de muestra Puede volver a trabajar para adaptarse a su sitio web. Todo lo que necesitas para la navegación deslizante es un