Създайте достъпни плъзгащи се меню с хамбургер с Offcanvas

Безплатно Приставката за Offcanvas е един от многото ресурси за плъзгащи се навигации. Можете да намерите куп подобни плъгини онлайн, но Offcanvas се откроява по няколко причини.

Това е доста лека библиотека и докато се изпълнява на jQuery, също не е много трудно да се създаде. Това важи както за кода на JavaScript, така и за HTML кода, така че изобщо няма да се налага да променяте навигацията по подразбиране.

Приставката Offcanvas ви позволява посочете определени области, където трябва да се показва менюто. По подразбиране това обикновено е лявата или дясната страна на екрана, но можете да изберете и горната или долната част на екрана.

Това прави Offcanvas страхотно Повече ▼ отколкото просто плъзгащи менюта за хамбургер. Може да се използва за плъзгащи ленти за уведомяване или дори полета за включване на имейли.

Всеки панел работи по същия начин, по който потребителят може кликнете някъде на страницата, за да скриете плъзгащото се меню. И вие можете настройка на клавишни команди които отговарят на указанията на ARIA за подходяща достъпност в интернет.

За да инсталирате Offcanvas, просто трябва копие на jQuery заедно с Offcanvas CSS / JS файлове. Можете да ги изтеглите чрез npm, bower или директно от GitHub.

Също така на страницата на GitHub виж малко от примерния код можете да преработите, за да отговарят на вашия уебсайт. Всичко, от което се нуждаете за плъзгаща се навигация, е