html - 如何添加滚动导航效果

Question

这个网站（http://www.madebyjoyce.com/）有一个非常漂亮的导航，它只有在我们向下滚动到某个点后才能启用。我想知道是否可以获得如何添加此效果的教程。

谢谢你

Answer 1

也许这会让你心情愉快：

这几乎是交易，剩下的你可以用css做，

var scrollTop,viewportHeight;
$(window).scroll(function(e){
     scrollTop = $(window).scrollTop();
     viewportHeight = $(window).height();
    $('div:not(.visible)').each(function(){
        var top = $(this).offset().top;
        var bottom = top + $(this).height();
        if(top <= scrollTop && bottom >= (scrollTop + viewportHeight) ){
            $(this).addClass('visible');

        }else{
            console.log(scrollTop,top);
        }
    });
});

http://jsfiddle.net/ErBRf/8/