스크롤 올리기 내비게이션 효과 추가 방법

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/