Cree menús de hamburguesas deslizantes accesibles con Offcanvas

El plugin Offcanvas gratuito es uno de los muchos recursos para navegar por deslizamiento. Puede encontrar un montón de complementos similares en línea, pero Offcanvas se destaca por algunas razones.

Es una biblioteca bastante liviana y, aunque se ejecuta en jQuery, tampoco es muy difícil de configurar . Esto es cierto tanto para el código de JavaScripts como para el código HTML, por lo que no necesitará cambiar mucho su navegación predeterminada.

El complemento 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. Se puede usar para deslizar barras de notificaciones o incluso campos opcionales para capturar correos electrónicos .

Cada panel funciona de la misma manera en que el usuario puede hacer clic en cualquier lugar de la página para ocultar el menú deslizante . Y puede configurar comandos de teclado que funcionen de acuerdo con las pautas de ARIA para una accesibilidad web adecuada.

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

También en la página de GitHub, verá un poco de código de muestra que puede volver a procesar para adaptarse a su sitio web. Todo lo que necesita para el desplazamiento de navegación es una