Costruisci menu di hamburger scorrevoli accessibili con Offcanvas

Il libero Plugin Offcanvas è una delle tante risorse per le navigazioni scorrevoli. Puoi trovare un sacco di plugin simili online ma Offcanvas si distingue per alcuni motivi.

È un libreria abbastanza leggera e anche se funziona su jQuery è anche non molto difficile da configurare. Questo vale sia per il codice JavaScripts che per il codice HTML, quindi non sarà necessario modificare la navigazione predefinita in alcun modo.

Il plugin Offcanvas ti consente designare alcune aree in cui dovrebbe apparire il menu. Di default, questo è di solito il lato sinistro o destro dello schermo, ma puoi anche scegliere anche la parte superiore o inferiore dello schermo.

Per questo Offcanvas è perfetto Di Più che semplicemente scorrere i menu degli hamburger. Può essere usato per barre di notifica scorrevoli o anche campi opt-in per l'acquisizione di e-mail.

Ogni pannello funziona nello stesso modo in cui l'utente può fai clic in qualsiasi punto della pagina per nascondere il menu scorrevole. E tu puoi imposta i comandi da tastiera che sono conformi alle linee guida ARIA per una corretta accessibilità al web.

Per installare Offcanvas, è sufficiente una copia di jQuery insieme con il Offcanvas CSS / JS file. Puoi estrarli attraverso npm, bower o direttamente da GitHub.

Anche sulla pagina GitHub, lo farai vedere un po 'di codice di esempio puoi rielaborare per adattarsi al tuo sito web. Tutto ciò di cui hai bisogno per il nav scorrevole è un