用户到达页面底部.元素逐渐消失

User reaches bottom of page. Elements fade out?

本文关键字:元素 消失 底部 用户      更新时间:2023-09-26

我做了一个单页网站。

是否有一个Jquery片段可以理解当用户到达页面底部时,某些元素然后相应地淡出?

您应该使用窗口的滚动事件来查找用户是否已经到达文档的底部。请参考以下代码片段来完成您的要求,

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

为了您的理解,scrolltop是窗口的顶部值,它可能从0变为文档的高度-窗口的高度。通过检查这种情况,我们可以很容易地确定终点。

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

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