一番下までスクロールしたら自動的に次を読み込むって処理をしたかったのでjQueryプラグインを使ってサンプルを作ってみました。
FacebookやTwitterみたいなやつです。

jQuery Bottom

かなり簡単なので、あまり説明することはない為、コードだけ貼り付けてみました。

コード

プラグインを読み込みます。

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script src="jquery.bottom-1.0.js" type="text/javascript"></script>

適当にHTMLをマークアップします。（空で）

<ul id="bottomLoad" class="thumbnails"></ul>

プラグインを実行するコードをチョロッと書く

$(function() {
    $(window).bottom({proximity: 0.05});
    $(window).on('bottom', function() {
        var obj = $(this);
        if (!obj.data('loading')) {
        	obj.data('loading', true);
        	$('#bottomImg').html('<img src="/img/loading.gif" />');

            setTimeout(function() {
                $('#bottomImg').html('');
                for (i=0; i<10; i++) {
			$("#bottomLoad").append('<li class="span2"><a href="#" class="thumbnail"><img src="http://placehold.it/160x120" alt=""></a></li>');
                }
                obj.data('loading', false);
            }, 1000);
        }
    });
    $('html,body').animate({ scrollTop: 0 }, '1');
});

これだけ。
setTimeoutの箇所をgetJSONとかで読み込むように書き換えれば色々出来ます。

実行した結果はサンプルをみてください。

作成したサンプルはここ

http://sample.b-prep.com/Bottom/index

jQuery Bottom