javascript - 向下滚动时自动加载内容

Question

我正在 django/webfaction 上创建一个博客。我的主页目前默认显示 4 个帖子(urls.py 中的 queryset 上的帖子限制为 4 个)。现在我想在用户到达页面底部后再加载四个帖子，并继续加载直到到达最后一个帖子。如何做到这一点？

Answer 1

如果您想在到达文档的最底部时加载您的内容，请使用以下代码:

$(window).scroll(function()
{
    if($(window).scrollTop() == $(document).height() - $(window).height())
    {
          // load your content
    }
});

如果你想在达到底部使用的 100 像素之前加载内容

var loading= false;
$(window).scroll(function() {
    if (!loading && ($(window).scrollTop() >  $(document).height() - $(window).height() - 100)) {
        loading= true;

        // your content loading call goes here.

        loading = false; // reset value of loading once content loaded
    }
});