Byg tilgængelig Sliding Hamburger Menuer med Offcanvas

Den fri Offcanvas plugin er en af ​​mange ressourcer til glidende navigationer. Du kan finde en flok lignende plugins online, men Offcanvas skiller sig ud for nogle få grunde.

Det er en ret letvægtsbibliotek og mens det kører på jQuery er det også ikke meget svært at oprette. Dette gælder både for JavaScripts-koden og HTML-koden, så du behøver ikke at ændre din standardnavigation meget overhovedet.

Offcanvas-plugin'et giver dig mulighed for udpege visse områder, hvor menuen skal vises. Som standard er dette normalt venstre eller højre side af skærmen, men du kan også vælge øverst eller nederst på skærmen.

Dette gør Offcanvas godt til mere end bare glidende hamburger menuer. Det kan bruges til glidende underretningslinjer eller endda opt-in felter til at indsamle e-mails.

Hvert panel arbejder på samme måde, hvor brugeren kan Klik et vilkårligt sted på siden for at skjule glidermenuen. Og det kan du opsæt tastaturkommandoer som kører i overensstemmelse med ARIA retningslinjer for korrekt web tilgængelighed.

For at få Offcanvas installeret, behøver du bare en kopi af jQuery sammen med Offcanvas CSS / JS-filer. Du kan trække disse gennem npm, bower eller direkte fra GitHub.

Også på GitHub siden vil du se lidt af prøvekode Du kan omarbejde for at passe til dit websted. Alt du behøver for glidende nav er en