이전
목록
다음
빌

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

빌딩
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2012-07-06 (금) 11:36:51 · 2364 · 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-08-29 조회 1,646
12-08-07 조회 1,270
12-08-03 조회 1,304
12-07-31 조회 1,652
12-07-30 조회 1,344
12-07-16 조회 1,484
12-07-15 조회 1,218
12-07-07 조회 1,253
12-07-06 조회 1,332
12-07-03 조회 1,360
12-06-29 조회 1,238
12-06-22 조회 1,361
12-06-17 조회 1,382
12-05-21 조회 1,904
12-05-02 조회 1,325
12-05-02 조회 2,144
12-05-02 조회 1,277
12-04-30 조회 1,351
12-04-30 조회 1,283
12-03-17 조회 1,990
12-03-10 조회 1,382
12-03-08 조회 1,693
12-03-03 조회 1,487
12-02-27 조회 2,789
12-02-17 조회 2,253
글쓰기