Ehita ligipääsetavad liugurite menüüd Offcanvase abil
Tasuta Offcanvas plugin on üks paljudest libistatavate navigatsioonide ressurssidest. Te võite leida hulga sarnaseid pluginaid võrgus, kuid Offcanvas paistab silma paari põhjuse tõttu.
See on suhteliselt kerge raamatukogu ja kuigi see töötab jQuery's, on see ka ei ole väga raske seadistada. See kehtib nii JavaScripti koodi kui ka HTML-koodi kohta, seega ei pea te vaikimisi navigeerimist üldse muutma.
Offcanvas plugin võimaldab teil määrama teatud alad, kus menüü peaks ilmuma. Vaikimisi on see tavaliselt ekraani vasak või parem pool, kuid saate valida ka ekraani ülemise või alumise osa.
See teeb Offcanvase suureks rohkem kui lihtsalt hamburgerite menüüd. Seda saab kasutada libisevad teavitusribad või isegi opt-in väljad e-kirjade salvestamiseks.
Iga paneel töötab samamoodi kui kasutaja Liugmenüü peitmiseks klõpsake suvalises kohas. Ja saate seadistage klaviatuurikäsud mis töötavad vastavuses ARIA suunistega, et tagada veebi juurdepääsetavus.
Et saada Offcanvas installitud, peate lihtsalt seda tegema jQuery koopia koos CSS / JS-failide väljalülitamine. Neid saab tõmmata läbi npm, bower või otse GitHubist.
Ka GitHubi lehel vaata natuke proovi koodi saate oma veebisaidi järgi ümber töötada. Kõik, mida vajate libiseva navi jaoks, on element, mis sisaldab teie menüüd (või mida tahad lehele slaidida).
See on ankurlüli kaudu näidates oma lükandmenüü ID-d. Siin on väljavõte Offcanvas GitHubist, mis illustreerib lühikest näidet:
… Menüü …
Kui sa suudad veidi HTML-i ümbertöötlema teie lehel ei tohiks teil seda kõik seadistada.
The offcanvas ()
funktsioon toetab isegi võimalusi animatsiooni kiiruse muutmine, vaikeklass, ja tagasihelistamise funktsioonid mis saab käivitada pärast menüü avamist või sulgemist.
Lisateabe saamiseks ja live-demo vaatamiseks vaadake peamist pluginalehte. Offcanvas on suurepärane valik jQuery-toega navigeerimine kui sulle meeldib hamburgerimenüüd.