Z uporabo Offcanvas lahko ustvarite dostopne menije z hamburgerjem
Brezplačno Vtičnik Offcanvas je eden od mnogih virov za drsne navigacije. Lahko najdete kup podobnih plugins online, vendar Offcanvas izstopa za nekaj razlogov.
Je precej lahka knjižnica in medtem ko se izvaja na jQuery, je tudi ni zelo težko vzpostaviti. To velja tako za kodo JavaScripts kot za kodo HTML, tako da vam privzete navigacije ni treba spreminjati.
Vtičnik Offcanvas vam omogoča določite določena območja, kjer bi se moral pojaviti meni. Privzeto je to ponavadi leva ali desna stran zaslona, lahko pa izberete tudi zgornji ali spodnji del zaslona.
Zaradi tega je Offcanvas odličen več kot le pomikanje menijev hamburgerja. Lahko se uporablja za drsne vrstice z obvestili ali celo polja za vklop e-poštnih sporočil.
Vsaka plošča deluje na enak način, kot lahko uporabnik kliknite kjerkoli na strani, da skrijete drsni meni. In lahko nastavite ukaze na tipkovnici ki ustrezajo smernicam ARIA za pravilno dostopnost do spleta.
Če želite namestiti Offcanvas, potrebujete kopijo jQuery skupaj z Offcanvas CSS / JS datoteke. Lahko jih potegnete skozi npm, bower ali neposredno iz GitHub.
Tudi na strani GitHub boste si oglejte nekaj vzorčne kode lahko predelate, da bo ustrezala vaši spletni strani. Vse kar potrebujete za drsno navigacijo je element, ki vsebuje vaš meni (ali karkoli želite, da se premaknete na stran).
To je sproži prek sidrne povezave ki kaže na ID vašega drsnega menija. Tukaj je odrezek iz Offcanvas GitHub, ki ponazarja kratek primer:
… Meni …
Če lahko rahlo predelati HTML na vaši strani ne bi smeli imeti težav pri tem.
The offcanvas ()
funkcija podpira tudi možnosti za spreminjanje hitrosti animacije, privzetega razreda, in funkcije povratnega klica ki se lahko zaženejo, ko se meni odpre ali zapre.
Če želite izvedeti več in videti demo v živo, si oglejte glavno stran vtičnika. Offcanvas je odlična izbira jQuery navigacija če imate radi menije z hamburgerji.