滚动到页面末尾时使用Jquery进行警报

前端之家收集整理的这篇文章主要介绍了滚动到页面末尾时使用Jquery进行警报前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法使用 Jquery查找页面结尾,以便可以显示一个简单的消息,告诉您已经到达页面的末尾.

解决方法

How to tell when you’re at the bottom of a page
if (  document.documentElement.clientHeight + 
      $(document).scrollTop() >= document.body.offsetHeight )
{ 
    // Display alert or whatever you want to do when you're 
    //   at the bottom of the page. 
    alert("You're at the bottom of the page.");
}

当然,只要用户滚动,您都想要触发上述操作:

$(window).scroll(function() {
    if (  document.documentElement.clientHeight + 
          $(document).scrollTop() >= document.body.offsetHeight )
    { 
        // Display alert or whatever you want to do when you're 
        //   at the bottom of the page. 
        alert("You're at the bottom of the page.");
    }
});

Here is a jsFiddle example,当用户滚动到页面底部时,它会淡出“您完成!滚动到页首”链接.

参考文献:

> .scroll()
> .scrollTop()
> offsetHeight
> clientHeight

猜你在找的jQuery相关文章