javascript - 在滚动时添加粘性

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

我真的不明白如何创建这种粘性效果。

非常感谢您的帮助 ！