• 토크
• 개발자팁
• 디자이너팁
• 퍼블리셔팁
• 기획자팁
• 개발강좌
• 퍼블리싱강좌
• 포토샵CC
• 포토샵CS3
• 일러스트CC
• 플래쉬CS3
• 폰트문의
• 저작권상담
• 추천사이트

• 토크
• 개발자팁
• 디자이너팁
• 퍼블리셔팁
• 기획자팁
• 개발강좌
• 퍼블리싱강좌
• 포토샵CC
• 포토샵CS3
• 일러스트CC
• 플래쉬CS3
• 폰트문의
• 저작권상담
• 추천사이트

퍼블리셔팁

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

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

• 빌딩 홈페이지 자기소개 아이디로 검색 회원게시물
• 2012.07.06 11:36:51
• 4,504

댓글 1

본문

http://www.bernhoft.org/

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

어떤 스크립트를 쓰는 걸까요?

추천
0

추천 0

닫기

• 복사
• SNS 공유

  공유하기

댓글 1개

cshop 자기소개 아이디로 검색 회원게시물 12.07.06 12:38:58

저같은 경우는 간단하게 jQuery 로 위에서 스크롤 되면 메뉴가 고정되겠끔,

이런식으로,

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

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

css 의 position: fixed 를 jQuery 로 스크롤 다운하면 add 해주는 셈이죠.

댓글 설정

• 댓글 신고

저같은 경우는 간단하게 jQuery 로 위에서 스크롤 되면 메뉴가 고정되겠끔, 이런식으로, jQuery('#footer').length > 0 && $(window).scrollTop() >= 100) jQuery('#menu').addClass('fixed'); 간단하게 작성해서 쓰는데, 다른 별의별 방법이 많더라구요. css 의 position: fixed 를 jQuery 로 스크롤 다운하면 add 해주는 셈이죠.