Smart Sticky Header Hamburger Navigation Plugin

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 메뉴 관련 > Smart Sticky Header Hamburger Navigation Plugin - jQuery mhead 상세정보

클라우드태그

Javascript

PHP

ASP

CSS

HTML

MYSQL

jquery

image

Mobile

API

slide

게시판

메뉴

현재접속자 명

Smart Sticky Header Hamburger Navigation Plugin - jQuery mhead

해피팀

네티즌

소스분류

메뉴 관련

다운로드 횟수

39 회

간단설명

웹페이지를 아래,위로 스크롤(스와이프) 할때 자동으로 고정된 상단의 햄버거모양의 메뉴를 표시되거나, 숨기는데 사용되는 jQuery 플러그인입니다.

평가하기

모바일용 웹페이지를 제작할 때
상단 부분에 세줄(햄버거)이 화면을 스크롤(스와이프) 할때
숨기거나, 표시해주는 jQuery 플러그인입니다.

스크롤을 내려보면 상단에 세줄 모양의 바가 화면 스크롤을 따라서 내려오거나,
스크롤을 빠르게 내리는 경우 상단의 바가 화면에서 사라집니다.

햄거버 모양의 아이콘 외에 로고, 그 외의 아이콘 들이 추가된 예제입니다.

햄버거바를 클릭하면 메뉴 화면이 열리면서
햄버거 모양의 아이콘이 닫기를 의미하는 아이콘으로 변경시 에니메이션을 주는 예제입니다.

그 외에도 햄버거 바의 위치를 좌에서 우로 조절을 한다거나,
로고를 포함한다거나,
아래 그림 처럼 검색폼이 포함된 예제가 있습니다.

네티즌 의견 이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)

내용

아이디

의견남기기

등록된 의견이 없습니다.