Javascript 从元素底部计算像素

我试图创建一个滚动条，当用户接近元素底部时加载内容，但是当用户滚动时，我正在努力计算当前距离元素底部的距离

$(window).scroll(function (event) {
    var scroll = $(window).scrollTop();
    var div = $('#grid');
    var bottom = ((div.offset().top + div.height()) - scroll);

    $('.scroll').html(bottom);
});

.scroll

元素显示值，尽管它似乎没有给出正确的数字。如果有任何想法，我都会停滞不前。我似乎得到的是从窗口顶部到容器底部的距离，而不是从当前滚动位置

页面顶部

向下滚动

---

您还需要添加窗口的高度

$(window).scroll(function (event) {
    var scrollBottom = $(window).scrollTop() + $(window).height();
    var div = $('#grid');
    var bottom = ((div.offset().top + div.height()) - scrollBottom);

    $('.scroll').html(bottom);
});

---

如果

bottom

的负值小于窗口高度，则

#grid

div的底部在屏幕上可见。

@感谢您的编辑！