Javascript 检查用户是否滚动到页面底部，并在对面工作

我需要检测用户是否滚动到页面底部，以便我可以采取一些行动。
但我做错了什么，当我滚动到底部时，什么也没发生，但当我滚动到顶部时，它会触发动作：（。
并且应该相反：）

请试试这个

$(window).scroll(function() {
        if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});

您还可以在以下问题上选择其他选项： 请试试这个

$(window).scroll(function() {
        if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});

您还可以在以下问题上选择其他选项：

这将起作用。用户向下滚动页面，当满足if（条件）时，代码被执行

---

这将起作用。用户向下滚动页面，当满足if（条件）时，代码将被执行。

这是一篇旧文章，但如果这样做，将来会帮助其他人。我也遇到了同样的问题。当我从底部滚动到页面顶部时，事件将触发。使用document.body.clientHeight而不是$（window）。高度对我来说是固定的。这是使用Chrome进行测试的

$(window).scroll(function() {
    if($(window).scrollTop() + document.body.clientHeight == $(document).height()) {
        alert('bottom of page');
    }
});

---

这是一篇老文章，但如果这篇文章对将来的其他人有帮助的话，那就发表吧。我也遇到了同样的问题。当我从底部滚动到页面顶部时，事件将触发。使用document.body.clientHeight而不是$（window）。高度对我来说是固定的。这是使用Chrome进行测试的

$(window).scroll(function() {
    if($(window).scrollTop() + document.body.clientHeight == $(document).height()) {
        alert('bottom of page');
    }
});

请试试这个

following scroll function would be worked while window scrolling bottom in asp.net
$(window).scroll(function() {    
$(window).scrollTop() + document.body.clientHeight == $(document).height()
});

and following scroll function would be worked while window scrolling bottom in html or mvc page view.
$(window).scroll(function() {    
$(window).scrollTop() == $(document).height() - $(window).height()
});

请试试这个

following scroll function would be worked while window scrolling bottom in asp.net
$(window).scroll(function() {    
$(window).scrollTop() + document.body.clientHeight == $(document).height()
});

and following scroll function would be worked while window scrolling bottom in html or mvc page view.
$(window).scroll(function() {    
$(window).scrollTop() == $(document).height() - $(window).height()
});

---

---

同样的行为。当我滚动到底部时，除了返回顶部，什么都没有。最让我害怕的是IE中的这项工作，而不是FF&chrome。我会接受这个答案来结束这个问题，因为这项工作与我的代码相同。这个问题在另一个领域。我把它贴在这个问题上：同样的行为。当我滚动到底部时，除了返回顶部，什么都没有。最让我害怕的是IE中的这项工作，而不是FF&chrome。我会接受这个答案来结束这个问题，因为这项工作与我的代码相同。这个问题在另一个领域。我把它贴在这个问题上：同样的行为。当我滚动到底部时，除了返回顶部外，什么都没有。相同的行为。当我滚动到底部时，只有返回到顶部时才会触发。这在我滚动加载新元素时起作用。但这样我就永远不会触底。你在装什么？你是在动态加载内容吗？@1110:你应该知道你的内容到底有多少。那么只有你可以跟踪它。我正在使用DotNetNuke和ASP.NET。我有一个模块可以检测页面底部，并通过jquery.ajax将数据返回到页面。我正在使用jquery砌体插件返回50乘50个元素。@1110:看看当页面第一次加载时，jquery ajax请求获取元素总数或您要加载的内容并将其存储在javascript全局变量中，然后，当您向下滚动时，只需使用jqueryajax加载页面上的剩余内容。通过ajax发送计数并获取剩余元素。这在我滚动它加载新元素时起作用。但这样我就永远不会触底。你在装什么？你是在动态加载内容吗？@1110:你应该知道你的内容到底有多少。那么只有你可以跟踪它。我正在使用DotNetNuke和ASP.NET。我有一个模块可以检测页面底部，并通过jquery.ajax将数据返回到页面。我正在使用jquery砌体插件返回50乘50个元素。@1110:看看当页面第一次加载时，jquery ajax请求获取元素总数或您要加载的内容并将其存储在javascript全局变量中，然后，当您向下滚动时，只需使用jqueryajax加载页面上的剩余内容。通过ajax发送计数并获取剩余元素。你说得对。我不小心输入了错误的代码你是对的。我不小心输入了错误的代码

if (document.body.offsetHeight + document.body.scrollTop>= document.body.scrollHeight){
    alert("bottom!");
}