Építsen hozzáférhető csúszó Hamburger menüket Offcanvas segítségével

A szabad Offcanvas plugin a csúszó navigációk egyik sok forrása. Megtalálhat egy csomó hasonló plugint online, de az Offcanvas néhány okból kiemelkedik.

Ez egy meglehetősen könnyű könyvtár és miközben a jQuery-n fut, az is nem nagyon nehéz felállítani. Ez a JavaScripts kódra és a HTML kódra is igaz, így nem kell sokat módosítania az alapértelmezett navigációt.

Az Offcanvas plugin lehetővé teszi jelölje meg azokat a területeket, ahol a menü jelenik meg. Alapértelmezés szerint ez általában a képernyő bal vagy jobb oldala, de kiválaszthatja a képernyő felső vagy alsó részét is.

Ez nagyszerűvé teszi az Offcanvát több mint a hamburger menüket. Használható csúszó értesítési sávok vagy akár választható mezők az e-mailek rögzítéséhez.

Minden panel ugyanúgy működik, mint a felhasználó a csúszómenü elrejtéséhez kattintson az oldal bármely pontjára. És te tudod billentyűzet parancsok beállítása amelyek megfelelnek az ARIA irányelveinek a megfelelő webes hozzáférhetőség érdekében.

Az Offcanvas telepítéséhez csak szükséged van a jQuery másolatát együtt a A CSS / JS fájlok kiolvasása. Ezeket npm, bower vagy közvetlenül a GitHub-on keresztül lehet húzni.

A GitHub oldalon is lásd egy kicsit a minta kódját átdolgozhatja a webhelyét. Minden, amire szüksége van a csúszó navigáláshoz, egy