Sukurkite prieinamus stumdomus „Hamburger“ meniu su „Offcanvas“

Laisvas „Offcanvas“ papildinys yra vienas iš daugelio slankiųjų navigacijos išteklių. Internete galite rasti panašių įskiepių, tačiau „Offcanvas“ išsiskiria dėl kelių priežasčių.

Tai yra gana lengva biblioteka ir nors ji veikia ir jQuery, tai taip pat sunku nustatyti. Tai pasakytina ir apie „JavaScripts“ kodą, ir HTML kodą, todėl nereikės keisti numatytojo navigacijos.

„Offcanvas“ papildinys leidžia jums nurodykite tam tikras sritis, kuriose turėtų būti rodomas meniu. Pagal nutylėjimą, tai paprastai yra kairė arba dešinė ekrano pusė, bet taip pat galite pasirinkti ekrano viršuje arba apačioje.

Dėl to „Offcanvas“ puikiai tinka daugiau nei tiesiog stumdomas mėsainių meniu. Jis gali būti naudojamas stumdomas pranešimų juostas ar net pasirinkimo laukai el. laiškams užfiksuoti.

Kiekvienas skydas veikia taip pat, kaip vartotojas spustelėję bet kurioje puslapio vietoje paslėpti slankųjį meniu. Ir jūs galite nustatyti klaviatūros komandas kurie atitinka „ARIA“ gaires dėl tinkamo interneto prieinamumo.

Jei norite įdiegti „Offcanvas“, jums tiesiog reikia jQuery kopija kartu su CSS / JS failai. Galite ištraukti juos per npm, bower arba tiesiogiai iš GitHub.

Taip pat GitHub puslapyje pamatyti šiek tiek kodo kodo galite pertvarkyti, kad atitiktų jūsų svetainę. Viskas, ko jums reikia stumdomai navigacijai, yra