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

빌딩

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 2012-07-06 (금) 11:36:51 · 조회 2355 2355 · 댓글 1 1

http://www.bernhoft.org/

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

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

#퍼블리셔 #html

댓글 1개

cshop

프로필 보기 이 회원 글보기 이 회원의 댓글보기

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 반응형 웹접근성

제목	글쓴이	날짜	조회
도대체 이 그라데이션 효과는 어떻게 주는걸까요? ㅠㅠ [6] #퍼블리셔 #html	프릭스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-09	조회 2,275
SQL 셀렉트로 합과 자료 동시에 구하기 [3] #개발자 #php	웃는하루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-08	조회 1,925
오늘은 뭐 짜달라, 고쳐달라는 분도 안 계시고, [1] #퍼블리셔 #html	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-08	조회 1,847
zurb의 foundation (반응형 프레임워크) [12] #퍼블리셔 #html	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-07	조회 3,099
에러좀 봐주세요... [1] #개발자 #flash	아자12345 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-07	조회 1,239
스크롤에 따라 변하는 메뉴... [1] #퍼블리셔 #html	빌딩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 2,356
로고 크기에 제한이 있나요? [21] #퍼블리셔 #html	다평정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 1,757
xml가 로드가 안됩니다ㅠㅠ #개발자 #flash	윤분니 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 1,321
이거 진짜 ㅂ ㅅ 같은건데... ctrl+ 0 ...OTL [1] #퍼블리셔 #html	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 1,567
윈도우 xp에 리눅스 설치 하면.. [3] #개발자 #linux	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 1,071
정규식 관련해서도 혹시 도움될만한 책이 있을까요?? [3] #개발자 #정규표현식	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 1,575
리눅스 서버 관련 책좀 추천 해주세요.. [1] #개발자 #linux	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 960
html5 책 좀 추천 해주세요. ^^ [3] #퍼블리셔 #html	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 1,582
node.js가 간단하게 어떤건가요?? [1] #개발자 #node.js	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 1,437
mysql 튜닝 책 추천 부탁 드립니다. [1] #개발자 #mysql	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 1,809
php 객체지향 프로그래밍에 대해서.. [4] #개발자 #php	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 1,321
PHP 실행 속도를 빠르게 하는 최적화 코딩 방법 모음 [2] #개발자 #php	techer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-05	조회 1,575
제이쿼리 질문을 ㅠㅠ 불상한 아이에게 희망을 주시옵소서... [3] #개발자 #jquery	몽키D팡야 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-05	조회 1,238
프린트 출력 공짜 솔류션 없나여? #개발자 #php	트라엘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-05	조회 968
요즘 하이브리드에 관심이 많아서요.. [2] #개발자 #mobile	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-05	조회 1,055
정규식을 공부 하는 방법이 있을까요?? [1] #개발자 #정규표현식	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-05	조회 1,423
인덱스 관련해서.. #개발자 #mysql	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-05	조회 962
고수님들, jQuery Mobile 은 희망이 없는건가요? [3] #개발자 #javascript	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-05	조회 1,681
테이블에 인덱스 걸고 테스트.. [2] #개발자 #mysql	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-05	조회 1,081
사이트 캡쳐 관련해서.. #개발자 #php	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-05	조회 1,005

글쓰기