사용자가 페이지를 스크롤하는 동안 헤더를 천천히 이동하는 방법은 무엇입니까?

Question

나는이 예제 웹 사이트에이 헤더에 사용되는 효과를 달성하고자 :

http://anchorage-theme.pixelunion.net/

당신은 페이지를 스크롤이 시야에서 사라질 때까지, 헤더 천천히 위쪽으로 이동하는 것을 알 수 있습니다. 나는이 같은 효과를 얻고 싶다. 나는 그것이 JS와 CSS 포지셔닝을 필요로 할 것이라고 믿지만 이것을 달성하는 방법을 아직 모른다. 이것이 시차 스크롤과 관련이 있습니까?

엘리먼트로이를 수행하는 데 사용 된 코드의 빠른 예를 누군가 주시면 감사하겠습니다. 그래서 나는 내 사이트에서 사용할 수 있습니다.

건배.

Answer 1

$ (창) .scroll (함수() {...}는) 하나의 당신이 여기 필요하다

(문서) .scrollTop()가 정상

에서 스크롤 거리의 양입니다

$

Answer 2

사용이 :

$(window).scroll(function(){ 
    if ($(this).scrollTop() > x){ // x should be from where you want this to happen from top// 
    //make CSS changes here 
    } 
    else{ 
    //back to default styles 

    } 
});