弹性滚动移动元素

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