用户到达页面底部。元素淡出？

Question

我做了一个单页网站。

是否有一个Jquery片段可以理解用户何时到达页面底部，然后某些元素会相应淡出？

Answer 1

您必须使用窗口的滚动事件才能查找用户是否已到达文档的底部。请参考以下代码来完成您的要求，

$(window).scroll(function(){ 
   if( $(window).scrollTop() == ($(document).height() - $(window).height()) )
      {
      }
});

为了您的理解，scrolltop是窗口的顶部值，它可能会从0更改为文档的高度 - 窗口的高度。所以我们可以通过检查这个案例来轻松识别终点。希望这会对你有所帮助。

Answer 2

http://api.jquery.com/offset/

  

.offset()方法允许我们检索当前位置   相对于文档的元素。与.position()对比，   它检索相对于偏移父项的当前位置。