javascript - 检查用户滚动到页面底部是否相反

Question

我需要检测用户是否滚动到页面底部，以便我可以采取一些行动。
但是我做错了，当我滚动到底部时没有任何反应，但是当我滚动到顶部时它会触发动作:(。
并且应该相反:)

$(window).scroll(function () {        
        if ($(window).scrollTop() == $(document).height() - $(window).height() && !($('#imgLoad').is(':visible'))) {
            alert('you hit bottom');
            loadMore();
        }
    });

Answer 1

请试试这个

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

您还可以对以下问题有另一种选择： 检查用户是否滚动到底部

Answer 2

这是一个旧帖子，但发布以防将来对其他人有所帮助。我遇到了同样的问题。当我从底部滚动到页面顶部时，该事件将触发。使用 document.body.clientHeight 而不是 $(window).height 为我解决了问题。这是使用 Chrome 测试的。

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

Answer 3

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

Answer 4

$(window).on("scroll", function() {
    var scrollHeight = $(document).height();
    var scrollPosition = $(window).height() + $(window).scrollTop();
    if ((scrollHeight - scrollPosition) / scrollHeight === 0) {
     // when scroll to bottom of the page
    }
});

Answer 5

   if($(window).scrollTop() + $(window).height() > $(document).height()-200) {
                alert();
                // add your custom function here. i.e what you want to do.
            }

这将起作用。用户向下滚动页面，并在满足 if(condition) 时执行代码。

Answer 6

请试试这个。

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