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 et ganske lett bibliotek og mens det kjører på jQuery, er det heller ikke veldig vanskelig å sette opp . Dette gjelder både JavaScripts-koden og HTML-koden, slik at du ikke trenger å endre standardnavigasjonen mye i det hele tatt.

Offcanvas-plugin-modulet lar deg angi 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.

Dette gjør Offcanvas flott for mer enn bare glidende hamburger-menyer. Den kan brukes til glidende varslingsfelt eller til og med påminnelsesfelt for å fange e-poster .

Hvert panel fungerer på samme måte hvor brukeren kan klikke hvor som helst på siden for å skjule glidemenyen . Og du kan sette opp tastaturkommandoer som kjører i samsvar med ARIAs retningslinjer for riktig webtilgjengelighet.

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

Også på GitHub-siden ser du en liten prøvekode du kan redigere for å passe til nettstedet ditt. Alt du trenger for glidende nav er en