탄성 스크롤 이동 요소

Question

임 때 창 탄성 스크롤, 예를 들어 우리는 사이트 캔버스지나 스크롤 할 때마다 약간 아래 첫 번째 배경을 이동 http://www.mccarthyarts.com/이 사이트. 이것이 어떻게 작동하는지

누구나 알아?

Answer 1

이 스크롤 이벤트를 수신 포함 할을 달성 할 것입니다 방법. 이벤트가 트리거 될 때마다 문서의 범위를 통과했는지 확인하십시오. 그렇다면 탄성 영역에 있어야합니다.

$(function() { 
    $(document).on("scroll", function() { 
     var scrollAmount = $(this).scrollTop(); 
     var viewHeight = $(window).height(); 
     var docHeight = $(document).height(); 

     if (scrollAmount < 0) { 
      // Top elastic 
     } 
     else if (scrollAmount + viewHeight > docHeight) { 
      // Bottom elastic 
     } 
    }); 
});