jquery - Jquery: テーブルの無限スクロール

Question

私のJqueryスクリプトでは、テーブルがブラウザウィンドウよりも長い場合、最初の行を削除して無限ループでテーブルの一番下に追加しています。「#usertable」はテーブルの ID です。それ以外は、通常の HTML テーブルです。

("<table id="usertable"><tr><td>...</td><td>...</td></tr></table>

$(function() {
function appendFirstRow() {
    $('#usertable').append($('#usertable tr:first'));

    setTimeout(function() {
        appendFirstRow();
    }, 1500);
}

function checkScrollBar() {
    var hContent = $('#usertable').height();
    var hWindow = $(window).height();

    if(hContent > hWindow) { 
        return true;    
    }

    return false;
}

if (checkScrollBar()) {
    $("html, body").animate({ scrollTop: $(document).height() }, 1000);

    appendFirstRow();
}
});

ページが無限のページを常にスクロールしているように見えるように、これをもう少しスムーズにしたい. どうすればこれを実装できますか?