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

빌딩

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

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

제목	글쓴이	날짜	조회
Node js 게시판 프로젝트 소개합니다. #개발자 #node.js	snshero 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16-03-02	조회 854
git 사용메뉴얼 보면 깝깝 하네요 #개발자 #node.js	아길이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	16-01-19	조회 480
Node.js - 실시간 위치 추적 (2) #개발자 #node.js	웹제작자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15-12-23	조회 637
Node.js - 실시간 위치 추적 (1) [11] #개발자 #node.js	웹제작자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	15-12-08	조회 1,290
mysql 연결 방법 2가지 [2] #개발자 #node.js	파랑새1597 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14-10-30	조회 2,877
Node.js 서버의 기본적인 내용 정리 [1] #개발자 #node.js	장영록 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14-06-06	조회 2,287
node.js 0.8.2 번역 문서 [1] #개발자 #node.js	명랑폐인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-08-30	조회 1,493
NodeJS 추천사이트 #개발자 #node.js	명랑폐인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-08-20	조회 1,271
node.js 활용사례 좀.. [2] #개발자 #node.js	ckflower 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-15	조회 2,693
nodeJS 의 scraping #개발자 #node.js	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-13	조회 1,464
node.js가 간단하게 어떤건가요?? [1] #개발자 #node.js	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-07-06	조회 1,460
node.js 0.8.0 release.. [1] #개발자 #node.js	innis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-27	조회 1,018
node.js 에 대해서 각종블로그에 대한 설명은 잘 들었습니다. [2] #개발자 #node.js	퍼그씨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-06-23	조회 1,130
웹호스팅과 Node.js 호스팅의 연동이 가능할까요? [2] #개발자 #node.js	철마신 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-05-03	조회 3,095
초심자를 위한 Node.js 개념 설명 [2] #개발자 #node.js	techer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-04-20	조회 2,040
Node.js 윈도우 XP 에 설치하기 + node 채팅설치 [1] #개발자 #node.js	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-03-29	조회 2,359
node.js + CoffeeScript + Socket.IO + jQuery Mobile [1] #개발자 #node.js	아샬 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-03-22	조회 2,702
노드 개발 서버 없이 하자~ #개발자 #node.js	Terrorboy 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-03-22	조회 1,450
node.js 어떤가요~? [1] #개발자 #node.js	오강일오 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-03-21	조회 1,280
node.js 랑 ext.js3 채팅 [6] #개발자 #node.js	명랑폐인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-03-11	조회 1,620
프론트엔드 개발자를 위한 쉬운 Node.js 핵심정리 [3] #개발자 #node.js	명랑폐인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-03-06	조회 1,891
node.js와 Express를 이용해 만든 웹 서비스 사례 [2] #개발자 #node.js	아샬 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-02-22	조회 2,233
nodejs toolbox 입니다 [2] #개발자 #node.js	K찰스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-02-17	조회 1,214
node js 강좌 모음 이네요 [1] #개발자 #node.js	K찰스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-02-17	조회 4,258
5분만에 만들어보는 채팅 프로그램 [8] #개발자 #node.js	명랑폐인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12-02-14	조회 3,879

글쓰기