javascript - 下にスクロールするとコンテンツが自動ロードされます

Question

django/webfactionでブログを作成しています。私のhompageは現在、デフォルトで4つの投稿を表示しています（投稿はで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

要素の 'onscroll' イベント (おそらく本文) でより多くの投稿を取得するために Ajax 呼び出しを行うことができます。ここに記載されている jquery の '.scroll()' を使用して同じ呼び出しを行うことができます: http://api.jquery.com/scroll/

おそらく、previous-top ステートメントを維持して、現在のスクロールの方向を判断できます。