加载动态内容数据时默认div为底部

Question

我试图聊天，一切都很顺利，但我希望div的滚动停留在新加载内容的底部。

我有一个间隔，每隔一秒用一个类.c-b-frnd-all-msg加载新的msg到div。还有一个将滚动保持在底部的间隔：

var cbox_down_scroll = setInterval(function(){
$(".c-b-frnd-all-msg").each(function(){
    $(this).scrollTop($(this).prop('scrollHeight'));
});
}, 500);

它有效，但有时会失败，滚动变得疯狂（上下，上下）如何避免/修复此问题？

还有any1知道用jquery ajax将新内容加载到被点击的div的方法吗？

抱歉我的英语不好。谢谢你的时间。