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

빌딩

프로필 보기 이 회원 글보기

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

http://www.bernhoft.org/

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

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

댓글 작성

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

로그인하기

댓글 1개

cshop

프로필 보기 이 회원 글보기

13년 전

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

이런식으로,

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

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

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

게시글 목록

번호	제목	글쓴이	조회	날짜
12487	PHP pc 모바일 체크	서로웹	502	9년 전
12486	PHP 계정 사용량(용량) 확인	서로웹	501	9년 전
380	Html, script 등 기초부터 배우실 분에게 유용한	m모비딕	887	9년 전
12484	PHP textarea 입력한 엔터값 출력하기 1	서로웹	270	9년 전
12483	MySQL 소수점 반올림 버림	서로웹	484	9년 전
376	제가 아는 무료 이미지 사이트 모음 3	요메토	610	9년 전
12482	jQuery jQuery version 1.9 이상에서 $.browser 사용하기	띠아블	617	9년 전
12481	PHP 에러 로그파일 생성하기	서로웹	569	9년 전
12479	PHP 간단한 특정 IP 차단하기 입니다. 1	혀니천사	539	9년 전
12478	PHP 다른 사이트의 내용을 자동으로 긁어오기 입니다.	혀니천사	692	9년 전
12477	PHP 후이즈검색 하기 입니다.	혀니천사	422	9년 전
12476	PHP 그래프 그리기 입니다.	혀니천사	488	9년 전
12475	JavaScript 자바스크립트로 구현한 number_format() 입니다.	혀니천사	363	9년 전
12474	JavaScript 금액 관련 숫자를 한글로 변환하기 입니다.	혀니천사	331	9년 전
12473	PHP PHP 날짜 계산 관련 함수	서로웹	340	9년 전
12472	jQuery jQuery 1.x와 2.x 버전 동시에 사용하기	서로웹	324	9년 전
12471	PHP 요일, 시간마다 다른 CSS 제어하기 입니다.	혀니천사	323	9년 전
12470	PHP iframe내의 id셀렉터 입니다.	혀니천사	288	9년 전
12469	JavaScript 사업자 등록번호 검사하기 입니다.	혀니천사	290	9년 전
371	웹디자인할때 유용한 색상조합 4	디자몽	778	9년 전
12468	PHP 폼전송을 통해서 페이지를 이동하기 입니다.	혀니천사	295	9년 전
12467	JavaScript 항상 같은곳에 광고창 만들기 입니다.	혀니천사	260	9년 전
12466	JavaScript 부메뉴 나오게 하기 입니다.	혀니천사	273	9년 전
12465	JavaScript 특정문자 제거하기 입니다.	혀니천사	242	9년 전
12464	JavaScript 휴대폰번호 검사 하기 입니다.	혀니천사	284	9년 전

이전 다음

1 2 3 4

전체 목록