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

빌딩

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

· 2012-07-06 (금) 11:36:51 · 조회 2368 2368 · 댓글 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 반응형 웹접근성

제목	글쓴이	날짜	조회
zurb의 foundation (반응형 프레임워크) [12] #퍼블리셔 #html	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-07	조회 3,115
스크롤에 따라 변하는 메뉴... [1] #퍼블리셔 #html	빌딩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 2,369
로고 크기에 제한이 있나요? [21] #퍼블리셔 #html	다평정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 1,772
이거 진짜 ㅂ ㅅ 같은건데... ctrl+ 0 ...OTL [1] #퍼블리셔 #html	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 1,586
html5 책 좀 추천 해주세요. ^^ [3] #퍼블리셔 #html	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 1,607
IE에서 CSS3 메뉴 적용이 되지 않습니다. [7] #퍼블리셔 #html	돌맹나래 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-02	조회 3,067
웹 표준화 관련 사이트들 [4] #퍼블리셔 #html	꼼꼼이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-02	조회 1,753
IE 때문에 고생하시는 분들께 드리는 팁 하나 [1] #퍼블리셔 #html	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-29	조회 1,518
브라우저별 개별 css 적용 [1] #퍼블리셔 #html	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-28	조회 2,108
안녕하세요~ for문과 CSS 질문입니다. [2] #퍼블리셔 #html	로날듀우 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-26	조회 1,418
background-size:cover [1] #퍼블리셔 #html	port 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-26	조회 2,468
css 간단한 질문 하나만 드릴께요 [4] #퍼블리셔 #html	띠리링 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-21	조회 1,422
주소 검색 소스~ 부탁드려요 ^^ #퍼블리셔 #html	basketball 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-20	조회 1,988
CSS 게시판 위치별 제어 [5] #퍼블리셔 #html	빌딩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-20	조회 1,609
홈페이지 카테고리 수정 도움 요청 [2] #퍼블리셔 #html	덕수다아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-15	조회 2,081
너무 멋진 사이트 발견! 그런데! 질문 [3] #퍼블리셔 #html	빌딩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-15	조회 1,863
이미지 부드럽게 확대 하기 간단css [1] #퍼블리셔 #html	크라이스트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-13	조회 4,795
접기/펼치기 소스 질문입니다. 도와주세요~~ [5] #퍼블리셔 #html	실바 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-05	조회 4,852
크로스 브라우징..시 CSS를 잘 못부르네요. [2] #퍼블리셔 #html	빌딩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-04	조회 1,490
웹 표준으로 했는데 블랭크가...또 쌩기는데 이번엔.. [2] #퍼블리셔 #html	빌딩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-03	조회 1,342
css...왜 위에 블랭크가 생길까요? [3] #퍼블리셔 #html	빌딩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-05-31	조회 1,418
jQuery 이미지 체크박스 [3] #퍼블리셔 #html	웹군 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-05-28	조회 4,233
엄한 질문 하나 드립니다. ㅎㅎㅎ [3] #퍼블리셔 #html	오십원 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-05-27	조회 1,400
html5와 플래시로 제작된 기능이 동일하게 구현이 되는 예 [2] #퍼블리셔 #html	port 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-05-25	조회 1,621
아이프레임으로 불러온 문서 내 특정영역 이동 [2] #퍼블리셔 #html	웹어스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-05-23	조회 1,879

글쓰기