Offcanvas와 함께 접근 가능한 슬라이딩 햄버거 메뉴를 구축하십시오.

무료 Offcanvas 플러그인 슬라이딩 내비게이션을위한 많은 리소스 중 하나입니다. 비슷한 플러그인을 온라인에서 찾을 수 있지만 Offcanvas는 몇 가지 이유로 두드러집니다..

그것은 상당히 가벼운 라이브러리 jQuery에서 실행되는 동안 별로 설치하기 어렵지 않다.. 자바 스크립트 코드와 HTML 코드 모두에 해당되므로 기본 탐색을 전혀 변경하지 않아도됩니다..

Offcanvas 플러그인을 사용하면 메뉴가 나타날 특정 영역 지정. 기본적으로 이것은 대개 화면의 왼쪽 또는 오른쪽이지만 화면 상단 또는 하단도 선택할 수 있습니다..

이로 인해 Offcanvas는 더 그냥 슬라이딩 햄버거 메뉴보다. 사용할 수 있습니다. 슬라이드 알림 막대 또는 전자 메일 캡처를위한 필드 옵트 인.

각 패널은 사용자가 할 수있는 것과 동일한 방식으로 작동합니다. 슬라이딩 메뉴를 숨기려면 페이지의 아무 곳이나 클릭하십시오.. 그리고 키보드 명령 설정 적절한 웹 접근성에 대한 ARIA 지침을 준수하는.

Offcanvas가 설치되게하려면, jQuery의 복사본 와 함께 Offcanvas CSS / JS 파일. npm, bower 또는 GitHub에서 직접 가져올 수 있습니다..

또한 GitHub 페이지에서 약간의 샘플 코드보기 당신은 귀하의 웹 사이트에 맞게 재 작업 할 수 있습니다. 슬라이딩 내비게이션에 필요한 것은