Javascript 检测用户是否已滚动到div的底部

可能重复：

---

我有一个页面，其中有页眉、左菜单、内容、右菜单和页脚。在我的内容中有一个div（比如id foo），其中包含一些数据。当用户滚动页面并到达div底部时，我必须进行ajax调用并带来更多数据来填充那里的内容。如何检测用户已滚动（页面滚动，div中没有滚动）到div底部（foo）。

您可能需要根据当前屏幕大小和div位置自己进行一些计算。代码大致如下（未测试）：

---

谷歌搜索的第一个结果-我的div没有滚动条。我已经清楚地提到过了。@RockySingh滚动

div

和滚动

body

之间有什么主要区别吗？@RockySingh但这几乎是相同的概念。同样的解决方案应该适用于您，只需很少的tweeking。@RockySingh-您也可以在文档滚动上应用相同的逻辑。

// Cache these values. If the div size changes, divBottom will need to be recalculated.
var $div = $("#yourdiv");
var divBottom = $div.offset().top + parseInt($div.height());

// Bind a scroll event for the whole page
$("body").bind("scroll", function(e)
{
    // Calculate how far down the user has scrolled
    var screenBottom = $(this).scrollTop() + parseInt($(window).height());

    // Test if the div has been revealed
    if(screenBottom > divBottom)
    {
        // do something
    }
});