滚动到页面末尾时使用Jquery发出警报 [英] Alert using Jquery when Scroll to end of Page

问题描述

有没有一种方法可以使用Jquery找出页面结尾，因此可以显示一条简单消息，表明您已到达页面结尾.

Is there a way to find out page end using Jquery, so that a simple message can be displayed saying you have reached end of the page.

推荐答案

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

当然，您希望在用户滚动时触发以上内容:

Of course you want to fire the above whenever the user scrolls:

$(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.");
    }
});

这是一个jsFiddle示例 用户滚动到页面底部时，完成！滚动到页面顶部"链接.

Here is a jsFiddle example that fades in a "You're Done! Scroll to Top of Page" link when the user has scrolled to the bottom of the page.

参考:

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

• .scroll()
• .scrollTop()
• offsetHeight
• clientHeight

这篇关于滚动到页面末尾时使用Jquery发出警报的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！