在Handlebars.js编译+ jQuery附加后滚动到div的底部

Question

所以我试图通过jQuery.getJSON（...）加载之后将div滚动到最底层。我正在使用Handlebars.js编译模板，然后附加内容，然后我想滚动。

问题是大约5％的时间它实际上没有滚动到底部。有没有办法使用回调来确保它始终滚动，无论如何？

$.getJSON('/api/messageGet/' + userId, function(json) {     
    $.each(json, function(i, item) {
        var theTemplate = Handlebars.compile($("#message-template").html());
        $('#message-container').prepend(theTemplate(item));     
    }); 
    $('#message-container').scrollTop($('#message-container')[0].scrollHeight);     
});