Bygg Tilgjengelige Sliding Hamburger Menyer med Offcanvas

Den gratis Offcanvas plugin er en av mange ressurser for glidende navigasjoner. Du kan finne en haug med lignende plugins på nettet, men Offcanvas skiller seg ut av noen grunner.

Det er en ganske lett bibliotek og mens det kjører på jQuery er det også ikke veldig vanskelig å sette opp. Dette gjelder både JavaScripts-koden og HTML-koden, slik at du ikke trenger å endre standard navigering mye i det hele tatt.

Offcanvas-pluginet lar deg Oppgi bestemte områder hvor menyen skal vises. Som standard er dette vanligvis venstre eller høyre side av skjermen, men du kan også velge øverst eller nederst på skjermen også.

Dette gjør Offcanvas flott for mer enn bare glidende hamburger-menyer. Den kan brukes til glidende varslingsfelt eller Opt-in felt for å fange e-post.

Hvert panel fungerer på samme måte som brukeren kan klikk hvor som helst på siden for å skjule glidemenyen. Og du kan sett opp tastaturkommandoer som kjører i samsvar med ARIA retningslinjer for riktig web tilgjengelighet.

For å få Offcanvas installert, trenger du bare en kopi av jQuery sammen med Offcanvas CSS / JS-filer. Du kan trekke disse gjennom npm, bower eller direkte fra GitHub.

Også på GitHub siden, vil du se litt prøvekode Du kan omarbeide for å passe til ditt nettsted. Alt du trenger for glidende nav er en