jQuery 슬라이드 막대 프레임 워크로 손쉽게 슬라이딩 할 수있는 햄버거 메뉴 만들기

UX 디자이너는 햄버거 메뉴 웹 디자인에서. 그들 모바일 사용자를위한 목적 달성 뿐만 아니라 발견 가능성이 낮다..

귀하의 웹 사이트에서 사용 가치가 있다고 말할 수는 없지만, 쉬운 방법을 찾고 있다면 슬라이딩 메뉴 설정 다음에 슬라이드 바 프레임 워크 편리한 리소스입니다..

슬라이드 막대는 완전히 무료이며 오픈 소스입니다. jQuery 라이브러리 맨 위에. 슬라이딩 메뉴를 열려면 햄버거 아이콘을 클릭하는 위치를 기대하는 것처럼 작동합니다. 화면을 캔버스 밖으로 밀어 낸다. 방을 만들기 위해.

내가 좋아하는 한 가지 기능은 탭하여 숨기기 설정 페이지의 아무 곳이나 탭하여 즉시 메뉴 숨기기. 이것은 모든 슬라이딩 메뉴 플러그인에 내장되어 있지는 않지만 사용자 경험을 크게 향상시키는 기능입니다.

이 플러그인은 완전히 오픈 소스이며 코드는 무료로 제공됩니다. GitHub에서 당신이 주위를 찌를 수 있다면. 그러나 repo에는 문서를 명확하게 작성하지 않아 설정이 더욱 어려워졌습니다..

고맙게도, 당신은 메인 사이트에서 이것을 찾을 수 있습니다. 전체 사용 설명서 슬라이드 바를 빠르게 움직이기위한.

슬라이딩 메뉴 지원 화면의 네면에서 모두, 와 함께 맞춤 기능 애니메이션 효과, 색상 선택 및 전체 너비 / 높이 메뉴 사용.

전체 슬라이딩 메뉴 페이지 외부 요소에서 작동합니다., 그래서 너는 ~해야 해. 오프 캔버스 메뉴를 올바르게 설정하십시오.. 여기에는 적절한 HTML과 스타일링을위한 적절한 CSS가 모두 포함됩니다..

이 모든 것은 문서에서 자세하게 설명되어 있으므로 페이지를 단계별로 따라 가면 제대로 작동해야합니다. 그리고 기본 설정 맞춤 속성이 필요하지 않습니다., 그래서 기본 단계를 따르는 경우 문제가 없습니다..

슬라이드 바는 정말로 전체 프레임 워크 그리고 심지어 맞춤 API 너는 일할 수있어. 그것은 당신이 jQuery 함수 호출하기 기능을 추가하거나 기본 기능을 사용자 정의합니다. 슬라이딩 메뉴가 필요하지만 처음부터 새로 만들지 않으려는 개발자에게 탁월한 선택입니다..

더 궁금하신 점이 있으시면 Slidebars 웹 사이트를 확인하십시오. 그것은 당신이 알아야 할 모든 것을 가지고 있으며, 돌아 다니기위한 많은 데모가 있습니다..