向下滚动自动加载内容

Question

我正在django / webfaction上创建一个博客。 我hompage当前显示4个员额默认（帖子均不得超过4 queryset在urls.py ）。 现在，我想在用户到达页面底部后再加载四个帖子，并继续保持这一点，直到达到最后一个帖子。 怎么做到这一点？

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 ”

我确定 ：）