Izveidojiet pieejamus bīdāmās Hamburger izvēlnes ar Offcanvas
Bezmaksas Offcanvas spraudnis ir viens no daudzajiem slīdošo navigāciju resursiem. Jūs varat atrast ķekars līdzīgus spraudņus tiešsaistē, bet Offcanvas izceļas dažu iemeslu dēļ.
Tas ir diezgan viegla bibliotēka un, kamēr tas darbojas ar jQuery, tas ir arī nav ļoti grūti izveidot. Tas attiecas gan uz JavaScripts kodu, gan uz HTML kodu, tāpēc jums nav nepieciešams daudz mainīt noklusējuma navigāciju.
Offcanvas spraudnis ļauj jums apzīmēt noteiktus apgabalus, kuros vajadzētu parādīties izvēlnei. Pēc noklusējuma tas parasti ir ekrāna kreisā vai labā puse, bet jūs varat arī izvēlēties ekrāna augšējo vai apakšējo daļu.
Tas padara Offcanvas lielisku vairāk nekā tikai bīdāmās hamburgeru izvēlnes. To var izmantot bīdāmās paziņojumu joslas vai pat izvēles lauki, lai iegūtu e-pastus.
Katrs panelis darbojas tāpat, kā lietotājs var noklikšķiniet uz jebkuras lapas, lai paslēptu slīdošo izvēlni. Un jūs varat iestatīt tastatūras komandas kas darbojas saskaņā ar ARIA vadlīnijām pareizai tīmekļa pieejamībai.
Lai instalētu Offcanvas, jums vienkārši vajag jQuery kopiju kopā ar CSS / JS faili. Jūs varat tos izvilkt caur npm, bower vai tieši no GitHub.
Arī lapā GitHub jūs skatiet mazliet parauga koda jūs varat pārstrādāt, lai atbilstu jūsu vietnei. Viss, kas jums nepieciešams bīdāmajai navigācijai, ir elements, kas satur jūsu izvēlni (vai ko vēlaties slīdēt uz lapu).
Tas ir ar enkura saiti norādot uz jūsu bīdāmās izvēlnes ID. Šeit ir fragments no Offcanvas GitHub, kas ilustrē īsu piemēru:
… Izvēlne …
Ja jūs varat nedaudz pārstrādāt HTML jūsu lapā jums nevajadzētu būt grūtībām to visu izveidot.
The izslēgts ()
funkcija pat atbalsta iespējas mainot animācijas ātrumu, noklusējuma klasi, un atzvanīšanas funkcijas kas var palaist pēc izvēlnes atvēršanas vai aizvēršanas.
Lai uzzinātu vairāk un skatītu tiešraidi, skatiet galveno spraudņa lapu. Offcanvas ir lieliska izvēle jQuery-powered navigācija ja jums patīk hamburgeru izvēlnes.