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

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()，后者检索相对于偏移父级的当前位置。