Izgradite pristupačne klizne hamburgere s Offcanvasom
Besplatno Dodatak za Offcanvas je jedan od mnogih resursa za klizne navigacije. Možete pronaći hrpu sličnih dodataka na mreži, ali se Offcanvas ističe iz nekoliko razloga.
To je prilično lagana knjižnica i dok se pokreće na jQuery također je nije jako teško postaviti. To vrijedi i za JavaScript kod i za HTML kôd, tako da ne morate mijenjati zadanu navigaciju.
Dodatak Offcanvas omogućuje vam odrediti određena područja u kojima bi se trebao pojaviti izbornik. Prema zadanim postavkama, to je obično lijeva ili desna strana zaslona, ali možete odabrati i gornji ili donji dio zaslona.
Zbog toga je Offcanvas odličan više nego samo pomicanje izbornika hamburgera. Može se koristiti za klizne trake obavijesti ili čak opt-in polja za snimanje e-pošte.
Svaki panel radi na isti način na koji korisnik može kliknite bilo gdje na stranici da biste sakrili klizni izbornik. I možete postavljanje tipkovničkih naredbi koji se provode u skladu s ARIA smjernicama za pravilnu web pristupačnost.
Da biste postavili Offcanvas, samo trebate kopiju jQuery zajedno sa Offcanvas CSS / JS datoteke. Možete ih povući kroz npm, bower ili izravno iz GitHub-a.
Također, na stranici GitHub vidi malo uzorka koda možete preraditi tako da odgovara vašoj web-lokaciji. Sve što trebate za kliznu navigaciju je element koji sadrži vaš izbornik (ili što god želite prenijeti na stranicu).
Ovo je pokreću se putem veze sidra pokazujući na ID kliznog izbornika. Ovo je isječak iz Offcanvas GitHub koji ilustrira kratak primjer:
... izbornik ...
Ako možete malo preraditi HTML na vašoj stranici ne biste trebali imati problema s postavljanjem ovoga.
offcanvas () funkcija čak podržava i opcije za mijenjanje brzine animacije, zadane klase, i povratne funkcije koji se mogu pokrenuti nakon otvaranja ili zatvaranja izbornika.
Da biste saznali više i vidjeli demonstraciju uživo, pogledajte glavnu stranicu dodatka. Offcanvas je izvrstan izbor za jQuery navigacija ako volite jelovnike s hamburgerima.
