内容坚持横幅onScroll

Question

我有一个横幅缩小滚动和下面的一些内容，我怎样才能让内容在移动之前在横幅上停留几秒钟？我尝试使用jQuery插件stickem，但它似乎不起作用。

JS：

$(document).scroll(function(){
    if ($(this).scrollTop()>175){
        // animate fixed div to small size:
        $('.wrapper').stop().animate({ height: 57 , 'padding-top': 50},100);
        $('.text').stop().animate({ 'bottom': 50},100);
    } else {
        //  animate fixed div to original size
        $('.wrapper').stop().animate({ height: 300, 'padding-top': 0},100);
        $('.text').stop().animate({ 'bottom': 150},100);
    }
}); 

http://jsfiddle.net/bnsUB/259/

Answer 1

我通常不建议使用插件，但Waypoints对于类似的东西来说非常好。

http://imakewebthings.com/waypoints/