요소 스크롤을 느리게 만듭니다 (Parrallax)

Question

페이지에 요소가 있습니다.

jQuery 스 니펫을 작성하여 페이지의 나머지 요소보다 느린 속도로 해당 요소를 스크롤하려고합니다.

나는 지금까지 이것을 작성했지만 너무 효과적으로 보이지는 않는다. 아무도 이것을 경험하지 않았습니까?

$(document).ready(function() { 
    $window = $(window); 
    $('.twit-bird').css({ 
     'top' : -($('window')/3)+"px" 
    }); 
}); 

---

는 또한 앵커, 행운과 그에서 CALCS을 해결하기 위해 내 창 상단에 고정 사업부 ... 또한

---

를 추가하려고했습니다 이

$(document).ready(function() { 
// Cache the Window object 
windowScroll = $(this).scrollTop(); 

$(window).scroll(function() { 
    $('.twit-bird').css({ 
     'top' : -(windowScroll/3)+"px" 
    }); 
}); 
}); 

Answer 1

나는 올바른 방향으로 당신을 가리킬 수 있습니다. 창을 스크롤 할 때마다 호출하려면 $('.twit-bird').css()이 필요합니다. 또한 당신은 .scrollTop()을 잊어 및 window을 인용하지 않는 (또는, 더 나은 단지 this 사용) ... 나는 그와 함께 내 최신 코드를 추가 한

$(window).scroll(function() { 

    $('.twit-bird').css({ 
     'top' : -($(this).scrollTop()/3)+"px" 
    }); 

}); 

Answer 2

Here 시도 시차 스크롤에 대한 아주 아주 좋은 튜토리얼입니다. 그것은 그것이 실제로 어떻게 작동하는지 이해하게했습니다.