Bygg tillgängliga glidande hamburgare menyer med Offcanvas

Det fria Offcanvas plugin är en av många resurser för glidande navigationer. Du kan hitta en massa liknande plugins online, men Offcanvas sticker ut för några orsaker.

Det är en ganska lätt bibliotek och även om det körs på jQuery är det också inte särskilt svårt att sätta upp. Detta gäller både JavaScripts-koden och HTML-koden, så du behöver inte ändra din standardnavigering alls.

Offcanvas plugin låter dig ange vissa områden där menyn ska visas. Som standard är det normalt den vänstra eller högra sidan av skärmen, men du kan också välja överst eller nederst på skärmen.

Detta gör Offcanvas perfekt för Mer än bara glidande hamburgare menyer. Den kan användas till glidande anmälningsfält eller ens opt-in fält för att fånga e-postmeddelanden.

Varje panel fungerar på samma sätt som användaren kan klicka någonstans på sidan för att dölja skjutmenyn. Och du kan Ställ in tangentbordskommandon som körs i enlighet med ARIA riktlinjer för korrekt webbtillgänglighet.

För att få Offcanvas installerat behöver du bara en kopia av jQuery tillsammans med Offcanvas CSS / JS-filer. Du kan dra dessa genom npm, bower eller direkt från GitHub.

På GitHub-sidan kommer du också se lite provkod Du kan omarbeta för att passa din webbplats. Allt du behöver för glidande nav är en