html - スクロール ナビゲーション効果を追加する方法

Question

この Web サイト ( 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/