Sestavte dostupné posuvné Hamburger menu s Offcanvas

Volný Offcanvas plugin je jedním z mnoha zdrojů pro posuvné navigace. Můžete najít spoustu podobných pluginů online, ale Offcanvas vyniká z několika důvodů.

To je poměrně lehká knihovna a zatímco běží na jQuery, je to také není těžké nastavit. To platí jak pro kód JavaScriptu, tak pro kód HTML, takže nebudete muset měnit výchozí výchozí nastavení.

Plugin Offcanvas vám umožní Určete určité oblasti, ve kterých se má nabídka zobrazit. Ve výchozím nastavení je to obvykle levá nebo pravá strana obrazovky, ale můžete také zvolit horní nebo dolní část obrazovky.

To dělá Offcanvas skvělým více než jen posuvné menu hamburgerů. Lze jej použít posuvné oznamovací tyče nebo dokonce opt-in pole pro zachycení e-mailů.

Každý panel pracuje stejným způsobem jako uživatel kliknutím kdekoli na stránce skryjete posuvné menu. A ty můžeš nastavení příkazů klávesnice které vyhovují směrnicím ARIA pro správnou dostupnost webu.

Chcete-li nainstalovat Offcanvas, stačí kopii jQuery spolu s Offcanvas CSS / JS soubory. Můžete je vytáhnout přes npm, bower nebo přímo z GitHubu.

Také na stránce GitHub budete viz bit ukázkového kódu můžete přepracovat, aby vyhovoval vašim webovým stránkám. Vše, co potřebujete pro posuvné nav je