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

빌딩

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

· 13년 전 · 조회 2138 2138 · 댓글 1 1

http://www.bernhoft.org/

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

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

#퍼블리셔 #html

댓글 1개

cshop

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

13년 전

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

이런식으로,

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

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

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

댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

태그 필터 (최대 3개) 전체 디자이너 개발자 javascript 기타 php linux mysql flash 정규표현식 jquery node.js mobile 웹서버 os 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성

제목	글쓴이	날짜	조회
무슨뜻일까요> [2] #개발자 #php	대명이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 696
미국 팟캐스트 호스팅 인데요 이상품이 무제한 트래픽 무료인가요? [2] #개발자 #기타	JacobJeon 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,097
MYSQL 필드 전체 암호화? [3] #개발자 #mysql	불뚝이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,154
스크립트를 function get_mb_ins_type($str)이렇게 만들고 싶은데 [1] #개발자 #javascript	지피 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 705
유니코드 인지 먼지 알려 주세요 ㅠㅠ [1] #개발자 #기타	벌이뉨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1만
image replacement vs black hat techniques [7] #퍼블리셔 #html	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,464
SQL Export 하는 중입니다. [2] #개발자 #mysql	댁이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 867
도대체 이 그라데이션 효과는 어떻게 주는걸까요? ㅠㅠ [6] #퍼블리셔 #html	프릭스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 2,060
SQL 셀렉트로 합과 자료 동시에 구하기 [3] #개발자 #php	웃는하루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,714
오늘은 뭐 짜달라, 고쳐달라는 분도 안 계시고, [1] #퍼블리셔 #html	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,632
zurb의 foundation (반응형 프레임워크) [12] #퍼블리셔 #html	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 2,901
에러좀 봐주세요... [1] #개발자 #flash	아자12345 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,032
스크롤에 따라 변하는 메뉴... [1] #퍼블리셔 #html	빌딩 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 2,139
로고 크기에 제한이 있나요? [21] #퍼블리셔 #html	다평정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,567
xml가 로드가 안됩니다ㅠㅠ #개발자 #flash	윤분니 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,116
이거 진짜 ㅂ ㅅ 같은건데... ctrl+ 0 ...OTL [1] #퍼블리셔 #html	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,352
윈도우 xp에 리눅스 설치 하면.. [3] #개발자 #linux	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 836
정규식 관련해서도 혹시 도움될만한 책이 있을까요?? [3] #개발자 #정규표현식	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,372
리눅스 서버 관련 책좀 추천 해주세요.. [1] #개발자 #linux	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 732
html5 책 좀 추천 해주세요. ^^ [3] #퍼블리셔 #html	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,367
node.js가 간단하게 어떤건가요?? [1] #개발자 #node.js	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,235
mysql 튜닝 책 추천 부탁 드립니다. [1] #개발자 #mysql	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,609
php 객체지향 프로그래밍에 대해서.. [4] #개발자 #php	웹어드민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,120
PHP 실행 속도를 빠르게 하는 최적화 코딩 방법 모음 [2] #개발자 #php	techer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,375
제이쿼리 질문을 ㅠㅠ 불상한 아이에게 희망을 주시옵소서... [3] #개발자 #jquery	몽키D팡야 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	조회 1,031

이전 첫 페이지 다음

글쓰기