Rakenna saatavilla olevat liukuva hampurilaiset valikot Offcanvasilla

Vapaa Offcanvas-laajennus on yksi monista resursseista liukuviin navigointiin. Löydät joukon samanlaisia ​​laajennuksia verkossa, mutta Offcanvas erottuu muutamasta syystä.

Se on a varsin kevyt kirjasto ja vaikka se toimii jQueryssä, se on myös ei ole kovin vaikea perustaa. Tämä koskee sekä JavaScripts-koodia että HTML-koodia, joten sinun ei tarvitse muuttaa oletusnavigointia paljon.

Offcanvas-laajennus antaa sinulle mahdollisuuden Määritä tietyt alueet, joilla valikko tulee näkyviin. Oletusarvoisesti tämä on yleensä näytön vasen tai oikea puoli, mutta voit myös valita näytön ylä- tai alareunan.

Tämä tekee Offcanvasta hyvän lisää kuin vain liukuva hampurilaisvalikot. Sitä voidaan käyttää liukuvat ilmoituspalkit tai jopa opt-in-kentät sähköpostiviestien sieppaamiseen.

Jokainen paneeli toimii samalla tavalla kuin käyttäjä voi piilota liukuva valikko napsauttamalla mitä tahansa sivua. Ja sinä voit määritä näppäimistökomennot jotka noudattavat ARIA-ohjeita asianmukaisen verkkokäytettävyyden saavuttamiseksi.

Jotta Offcanvas asennetaan, tarvitset vain kopio jQuerysta kanssa CSS / JS-tiedostojen offcanvas. Voit vetää nämä npm: n, bowerin tai suoraan GitHubin kautta.

Myös GitHub-sivulla voit katso hieman mallikoodia voit muokata verkkosivustosi mukaan. Kaikki, mitä tarvitset liukuväylälle, on