슬라이딩 탐색 모음 - 어떻게 조작 했습니까?

Question

이 슬라이딩 탐색 막대 효과를 얻는 방법을 알아 내려고 노력 중입니다 : http://manoscrafted.com/. 탑 영웅 이미지를 수정하고 아래쪽 탐색 모음을 위아래로 밀어 내면 얻을 수는 있지만 맨 위에 고정되지는 않습니다.

JavaScript로 처리했거나 CSS에서 누락 된 것이 있습니까?

감사합니다.

Answer 1

자바 스크립트를 사용하여 달성, 대부분의 사람들이

시차 예 참조는 "고정"또는 "끈끈한"헤더/탐색 스크롤이 "시차"를 부를 것이다 : http://ihatetomatoes.net/how-to-create-a-parallax-scrolling-website/

스티커를 참조하십시오

을/고정 예 :

http://jsfiddle.net/tovic/2jqCA/

var win  = $(window), 
    fxel  = $('nav'), 
    eloffset = fxel.offset().top; 

win.scroll(function() { 
    if (eloffset < win.scrollTop()) { 
     fxel.addClass("fixed"); 
    } else { 
     fxel.removeClass("fixed"); 
    } 
});