滚动效果 - 修复，滚动时容器'blocked'变化

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);
    }
  });

}）;