在滚动时添加粘性

Question

我有条纹设计：

html：

<div class='resize' style='background-color:black;'></div>
<div class='resize' style='background-color:red;'></div>
<div class='resize' style='background-color:green;'></div>
<div class='resize' style='background-color:blue;'></div>
<div class='resize' style='background-color:grey;'></div>

js：

$(function() {
    $('.resize').css({
        'height': (($(window).height()))
    });

    $(window).resize(function() {
        $('.resize').css({
            'height': (($(window).height()))
        });
    });
});

$(window).height();

这是一个jsfiddle：http://jsfiddle.net/Awt7q/

当用户到达新条带时，我想在滚动时添加粘性，这样当用户滚动时，它们就不会快速进行。条纹需要稍微粘在屏幕顶部。

以下是我想要做的一个示例：http://timmytompkinsapp.com

我真的不知道如何创造这种粘性效果。

非常感谢你的帮助！