Javascript 加载动态内容数据时将默认div调到底部

我正试着聊天，一切都很顺利，但我想在新加载的内容上，div的滚动条保持在底部

我有一个间隔，每隔一秒用class

.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知道使用jQueryAjax将新内容加载到单击的div的方法吗

---

对不起，我的英语不好。谢谢您的时间。

听起来您应该使用

setTimeout

运行一次，而不是每500毫秒运行一次。它起着相同的作用。不起作用。