检查用户是否已滚动到底部

这是我的两分钱，因为被接受的答案对我不起作用。

var documentAtBottom = (document.documentElement.scrollTop + window.innerHeight) >= document.documentElement.scrollHeight;

如果您致电，则Chrome浏览器会显示整个页面的高度 $(window).height()

而是使用window.innerHeight来获取窗口的高度。必要的检查应为：

if($(window).scrollTop() + window.innerHeight > $(document).height() - 50) {
    console.log("reached bottom!");
}

停止重复提醒尼克的回答

ScrollActivate();

function ScrollActivate() {
    $(window).on("scroll", function () {
        if ($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
            $(window).off("scroll");
            alert("near bottom!");
        }
    });
}

让我展示没有JQuery的方法。简单的JS功能：

function isVisible(elem) {
  var coords = elem.getBoundingClientRect();
  var topVisible = coords.top > 0 && coords.top < 0;
  var bottomVisible = coords.bottom < shift && coords.bottom > 0;
  return topVisible || bottomVisible;
}

简短示例如何使用它：

var img = document.getElementById("pic1");
    if (isVisible(img)) { img.style.opacity = "1.00";  }

当检查可滚动元素（即不是window）时，这将提供准确的结果：

// `element` is a native JS HTMLElement
if ( element.scrollTop == (element.scrollHeight - element.offsetHeight) )
    // Element scrolled to bottom

offsetHeight应该给出元素的实际可见高度（包括填充，边距和滚动条），并且scrollHeight是元素的整个高度，包括不可见（溢出）区域。

jQuery的.outerHeight()结果应该与JS相似-MDN中的.offsetHeight文档offsetHeight尚不清楚其跨浏览器的支持。为了涵盖更多选项，此方法更加完整：

var offsetHeight = ( container.offsetHeight ? container.offsetHeight : $(container).outerHeight() );
if  ( container.scrollTop == (container.scrollHeight - offsetHeight) ) {
   // scrolled to bottom
}

尼克的回答很好，但是您将具有在滚动时会重复播放自身的功能，或者如果用户缩放了窗口则根本无法使用。我想出了一个简单的解决方法，只是math.round的第一个高度，它按假设的方式工作。

    if (Math.round($(window).scrollTop()) + $(window).innerHeight() == $(document).height()){
    loadPagination();
    $(".go-up").css("display","block").show("slow");
}

如果滚动到最底端，请尝试此匹配条件

if ($(this)[0].scrollHeight - $(this).scrollTop() == 
    $(this).outerHeight()) {

    //code for your custom logic

}

var elemScrolPosition = elem.scrollHeight - elem.scrollTop - elem.clientHeight;

它计算到元素底部的距离滚动条。如果滚动条到达底部，则等于0。

请检查这个答案

 window.onscroll = function(ev) {
    if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
       console.log("bottom");
    }
};

您可以footerHeight - document.body.offsetHeight查看是在页脚附近还是到达页脚

这是一个相当简单的方法：

elm.onscroll = function() {
    if(elm.scrollTop + elm.clientHeight == elm.scrollHeight) //User has scrolled to the bottom of the element
}

尼克·克雷弗（Nick Craver）的答案需要稍做修改才能在iOS 6 Safari Mobile上运行，并且应为：

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

更改$（窗口）.height（）来window.innerHeight应该做的事，因为当地址栏被隐藏额外的60像素被添加到窗口的高度，但使用$(window).height()并没有反映这种变化，同时使用window.innerHeight呢。

注意：该window.innerHeight属性还包括水平滚动条的高度（如果已渲染），与之不同的是，该属性$(window).height()不包括水平滚动条的高度。这不是Mobile Safari中的问题，但可能导致其他浏览器或Mobile Safari的将来版本中出现意外行为。更改==为>=可以解决大多数常见用例的问题。

在此处详细了解该window.innerHeight物业

尼克·克雷弗（Nick Craver）的答案很好，避免了$(document).height()浏览器的价值不同的问题。

要使其在所有浏览器上均可使用，请使用James Padolsey的以下功能：

function getDocHeight() {
    var D = document;
    return Math.max(
        D.body.scrollHeight, D.documentElement.scrollHeight,
        D.body.offsetHeight, D.documentElement.offsetHeight,
        D.body.clientHeight, D.documentElement.clientHeight
    );
}

代替$(document).height()，因此最终代码为：

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