当向下滚动时自动加载内容

Question

我正在使用 Django/Webfaction 创建博客。我的主页目前默认显示四篇文章(在 urls.py 中，queryset 被限制为4篇文章)。现在我想要在用户滑到页面底部时自动加载更多的四篇文章，并一直保持这种状态直到最后一篇文章被加载完。如何实现？

- Robby

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
    }
});

- Anoop

Answer 2

你可以尝试像这样做...

var processScroll = true;
$(window).scroll(function() {
    if (processScroll  && $(window).scrollTop() > $(document).height() - $(window).height() - 100) {
        processScroll = false;
        // your functionality here
        processScroll = true;
    }
});

- Anshu

Answer 3

在元素的“onscroll”事件上（在您的情况下可能是在body上），您可以进行Ajax调用以获取更多帖子。 您可以使用jquery的“.scroll()”进行相同的调用，文档在此处：http://api.jquery.com/scroll/

您可以通过维护一个previous-top语句来确定当前滚动的方向。

- Adway Lele