스크롤 효과 - 스크롤 할 때 고정 된 '차단 된'컨테이너가 변경됩니다.

Question

스크롤의 마지막 단계에서 변경되는 고정 컨테이너의 효과를 얻고 싶습니다. 나는 그것을 전문적으로 부르는 법을 모르며, 적절한 말들이 부족해서 유감이다. 실제로 어떻게 호출해야합니까? : 내 말은

그렇게 STH : https://media.giphy.com/media/26gsscmNiRJW039XG/source.gif 효과는 UX 런던 페이지에서 실시간 볼 수 있습니다 http://2016.uxlondon.com/

내가 JS와 superexperienced하지만 아니에요 당신은 유사한 효과 어떤 튜토리얼이나 예제를 공유 할 수 있다면 그것은 굉장 할 것이다.

https://codepen.io/Funsella/pen/yLfAG

JS :

Answer 1

나는 당신이 그 목적을 위해이 예제를 사용할 수 있습니다 생각 $ (창) .ready (함수() {

var wHeight = $(window).height(); 

$('.slide') 
    .height(wHeight) 
    .scrollie({ 
    scrollOffset : -50, 
    scrollingInView : function(elem) { 

     var bgColor = elem.data('background'); 

     $('body').css('background-color', bgColor); 

    } 
    }); 

});