javascript - ページの下部に到達したときに div を読み込む

Question

Twitter フィード内に非常に単純な無限スクロール機能を実装しようとしています。一度に 4 つのつぶやきを表示していて、ユーザーがページの一番下に到達すると、別の 4 つを読み込みたい、というように続きます。

これまでのところ、私はこれを思いついた

$(window).scroll(function () {
    if ($(window).scrollTop() >= $(document).height() - $(window).height() - 100) {
        $('.tweet').slice(4).show();
    } else {
        $('.tweet').slice(4).hide();
    }
}); 

ただし、次の一連のツイートまでスクロールダウンしようとすると、ページの下部にエラーが表示されます。現時点では、4 つのツイートのセットではなく、4 つ目のツイート以降のすべてです。

すべてが #jstwitter というコンテナに入っています。どのように実装しますか?

ありがとう