Créez des menus de Hamburger coulissants accessibles avec Offcanvas

Le libre Plugin Offcanvas est l’une des nombreuses ressources pour les navigations glissantes. Vous pouvez trouver de nombreux plugins similaires en ligne, mais Offcanvas se démarque pour plusieurs raisons..

C'est un bibliothèque assez légère et bien qu'il fonctionne sur jQuery, il est également pas très difficile à mettre en place. Ceci est vrai pour le code JavaScripts et le code HTML, vous n'aurez donc pas besoin de beaucoup changer votre navigation par défaut..

Le plugin Offcanvas vous permet de désigner certaines zones où le menu doit apparaître. Par défaut, il s’agit généralement du côté gauche ou droit de l’écran, mais vous pouvez également choisir le haut ou le bas de l’écran..

Cela rend Offcanvas idéal pour plus que simplement glisser des menus hamburger. Il peut être utilisé pour barres de notification coulissantes ou même champs d'acceptation pour la capture d'e-mails.

Chaque panneau fonctionne de la même manière où l’utilisateur peut cliquez n'importe où sur la page pour masquer le menu déroulant. Et tu peux configurer les commandes du clavier qui fonctionnent conformément aux directives ARIA pour une accessibilité Web adéquate.

Pour installer Offcanvas, il vous suffit de une copie de jQuery avec le Fichiers CSS / JS Offcanvas. Vous pouvez les tirer à travers npm, bower ou directement depuis GitHub.

Toujours sur la page GitHub, vous allez voir un peu d'exemple de code vous pouvez retravailler en fonction de votre site Web. Tout ce dont vous avez besoin pour la navigation glissante est un