彈性滾動移動元素

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 
     } 
    }); 
});