Costruisci menu di hamburger scorrevoli accessibili con Offcanvas

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

È una libreria abbastanza leggera e, anche se funziona su jQuery, non è nemmeno 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 di designare alcune aree in cui dovrebbe apparire il menu . Di default, questo è solitamente il lato sinistro o destro dello schermo, ma puoi anche scegliere anche la parte superiore o inferiore dello schermo.

Questo rende Offcanvas ottimo per qualcosa di più che semplicemente scorrere i menu degli hamburger. Può essere utilizzato per scorrere le barre di notifica o anche per attivare i messaggi di posta elettronica .

Ogni pannello funziona allo stesso modo in cui l'utente può fare clic in qualsiasi punto della pagina per nascondere il menu scorrevole . Inoltre, è possibile impostare comandi da tastiera conformi alle linee guida ARIA per una corretta accessibilità al web.

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

Inoltre, nella pagina GitHub, vedrai un po 'di codice di esempio che puoi rielaborare per adattarlo al tuo sito web. Tutto ciò di cui hai bisogno per il nav scorrevole è un