javascript - 到达页面底部时加载 div

Question

我正在尝试在我的 twitter 提要中实现一个非常简单的无限滚动功能。我一次显示 4 条推文，然后当用户点击页面底部时，我想加载另外 4 条，依此类推。

到目前为止，我已经想出了这个

$(window).scroll(function () {
    if ($(window).scrollTop() >= $(document).height() - $(window).height() - 100) {
        $('.tweet').slice(4).show();
    } else {
        $('.tweet').slice(4).hide();
    }
}); 

然而，当我试图向下滚动到下一组推文时，我得到的只是页面底部的一个小故障，目前是第四条推文之后的所有内容，而不是 4 条推文。

一切都在一个名为#jstwitter 的容器中。我将如何实现这样的事情？

谢谢