Construiți meniurile de hamburger alunecoase accesibile cu offcanvas

Liberul Plug-in offcanvas este una dintre numeroasele resurse pentru navigarea prin alunecare. Puteți găsi o grămadă de pluginuri similare online, dar Offcanvas iese în evidență din câteva motive.

E o o bibliotecă destul de ușoară și în timp ce rulează pe jQuery este de asemenea nu foarte greu de configurat. Acest lucru este valabil atât pentru codul JavaScript, cât și pentru codul HTML, deci nu va trebui să schimbați deloc navigația implicită.

Plugin-ul Offcanvas vă permite desemna anumite zone în care să apară meniul. În mod implicit, aceasta este, de obicei, partea stângă sau dreaptă a ecranului, dar puteți alege și partea de sus sau de jos a ecranului.

Acest lucru face Offcanvas grozav pentru Mai Mult decât să alunecă meniurile de hamburger. Poate fi folosit pentru bare de notificare prin glisare sau chiar opt-in pentru a capta e-mailuri.

Fiecare panou funcționează în același mod în care utilizatorul poate faceți clic oriunde pe pagină pentru a ascunde meniul de alunecare. Si tu poti configurați comenzile tastaturii care rulează în conformitate cu liniile directoare ARIA pentru accesibilitatea web adecvată.

Pentru a obține instalarea Offcanvas, trebuie doar o copie a jQuery impreuna cu Offcanvas fișiere CSS / JS. Puteți să le trageți prin npm, bower sau direct de la GitHub.

De asemenea, pe pagina GitHub, veți a se vedea un pic de cod exemplu aveți posibilitatea să refaceți pentru a se potrivi site-ul dvs. Tot ce ai nevoie pentru glisorul este un