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

· 2012-07-06 (금) 11:36:51 · 5068 · 1
http://www.bernhoft.org/

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

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

댓글 1개

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

이런식으로,

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

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

css 의 position: fixed 를 jQuery 로 스크롤 다운하면 add 해주는 셈이죠.
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

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

+
분류 제목 글쓴이 날짜 조회
HTML 12-07-11 조회 3,813
HTML 12-07-11 조회 2,754
HTML 12-07-10 조회 5,101
HTML 12-07-09 조회 3,087
HTML 12-07-09 조회 3,713
HTML 12-07-09 조회 5,156
HTML 12-07-08 조회 4,805
HTML 12-07-07 조회 7,732
HTML 12-07-06 조회 5,069
HTML 12-07-06 조회 5,725
HTML 12-07-06 조회 3,923
HTML 12-07-06 조회 3,565
HTML 12-07-02 조회 6,765
HTML 12-07-02 조회 4,287
HTML 12-06-29 조회 3,380
HTML 12-06-28 조회 3,935
HTML 12-06-26 조회 3,048
HTML 12-06-26 조회 4,547
HTML 12-06-21 조회 2,844
HTML 12-06-20 조회 3,425
HTML 12-06-20 조회 3,565
HTML 12-06-15 조회 4,631
HTML 12-06-15 조회 3,678
HTML 12-06-13 조회 1.1만
HTML 12-06-05 조회 9,382
HTML 12-06-04 조회 3,548
HTML 12-06-03 조회 2,575
HTML 12-05-31 조회 3,177
HTML 12-05-28 조회 8,021
HTML 12-05-27 조회 2,843