滚动效果 - 已修复，已被屏蔽＆＃39;滚动时容器更改

Question

我希望实现在滚动的最后阶段发生变化的固定容器的效果。我不确定如何专业地称呼它，很抱歉没有合适的词语。 实际上，它应该怎么称呼？ ：）

我的意思是那样的：https://media.giphy.com/media/26gsscmNiRJW039XG/source.gif 可以在UX伦敦页面http://2016.uxlondon.com/

上看到效果

我对JS没有超级经验，但如果你能分享任何类似效果的教程或例子，那就太棒了。

Answer 1

我相信您可能会将此示例用于此目的：

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

js：$（window）.ready（function（）{

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

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

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

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

    }
  });

}）;