이전
목록
다음
빌

스크롤에 따라 변하는 메뉴...

빌딩
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2012-07-06 (금) 11:36:51 · 2371 · 1
http://www.bernhoft.org/

위 사이트처럼 스크롤하면 메뉴의 모양이 변하는데요...

어떤 스크립트를 쓰는 걸까요?
#퍼블리셔 #html
|

댓글 1개

ccshop
프로필 보기이 회원 글보기이 회원의 댓글보기
 2012-07-06 (금) 12:38:58
저같은 경우는 간단하게 jQuery 로 위에서 스크롤 되면 메뉴가 고정되겠끔,

이런식으로,

jQuery('#footer').length > 0 && $(window).scrollTop() >= 100)
jQuery('#menu').addClass('fixed');

간단하게 작성해서 쓰는데, 다른 별의별 방법이 많더라구요.

css 의 position: fixed 를 jQuery 로 스크롤 다운하면 add 해주는 셈이죠.
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

태그 필터 (최대 3개) 전체 디자이너 개발자 javascript 기타 php linux mysql flash 정규표현식 jquery node.js mobile 웹서버 os 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성
+
제목 글쓴이 날짜 조회
12-09-05 조회 4,946
12-08-31 조회 3,400
12-08-30 조회 4,249
12-08-22 조회 9,375
12-08-09 조회 3,083
12-08-02 조회 1,278
12-07-30 조회 1,692
12-07-15 조회 1,134
12-07-10 조회 1,135
12-07-06 조회 1,097
12-07-06 조회 974
12-07-03 조회 1,754
12-07-03 조회 1,195
12-07-02 조회 1,029
12-06-25 조회 1,674
12-06-20 조회 1,081
12-06-15 조회 1,457
12-06-14 조회 1,001
12-06-08 조회 1,715
12-06-07 조회 1,392
12-06-05 조회 3,322
12-06-05 조회 1,010
12-06-04 조회 1,511
12-06-01 조회 1,736
12-06-01 조회 2,401
글쓰기