Question

我正在django / webfaction上创建一个博客。我的hompage目前默认显示4个帖子（queryset中urls.py的帖子限制为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
    }
});

Answer 2

你可以尝试这样的事情......

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

Answer 3

您可以调用Ajax来获取元素'onscroll'事件的更多帖子（在您的情况下可能在正文中）。您可以使用此处记录的jquery的'.scroll（）'进行相同的调用：http://api.jquery.com/scroll/

您可以维护一个前置语句来确定当前滚动的方向。

Answer 4

你想要这样的东西“http://www.developphp.com/view.php?tid=1265”

我确定：）

向下滚动自动加载内容

4 个答案: