Javascript 使用ajax滚动div不起作用

我用ajax构建了一个1对1支持聊天，效果非常好。我注意到，当ajax刷新div时，div的高度高于div的高度，div就会不断扩展。。我注意到许多有同样问题的人被建议使用overflow:auto进行滚动，我已经尝试过了，但根本无法工作。。有人能告诉我在div中使用滚动条的正确方向吗

如果做不到这一点，我唯一的选择就是使用我真的不喜欢的iFrame

<table width="100%" height="100%" border="0"><TR height="90%"><TD width="100%">

<div id="adminlog" height="100%" width="100%"></div>
</TD></TR><TR><TD><textarea rows="4" name="input" id="input" cols="100" style="width: 80%; border:solid 1px orange; background-color: lightyellow;">
</textarea>
<input type="button" value="send" id="send" class="btn btn-primary" onclick="return textSubmit();"></TD></TR></TABLE>

<script>
function textSubmit(str) {
if (str != "refresh") {
        var admin = "<?PHP echo $admin;?>";
        var session = "<?PHP echo $session;?>";
        var input = document.getElementById("input").value;
        document.getElementById("input").value = "";
        var dataString = 'admin='+ admin + '&input=' + input + '&session=' + session;
}
else {
        var session = "<?PHP echo $session;?>";
        var dataString = 'session=' + session;
}
        jQuery.ajax({
            url: "admin/chatsession.php",
            data: dataString,
            type: "POST",
            success: function(data){
                $("#adminlog").html(data);
            },
            error: function (){}
        });
    return true;

}

  setInterval('textSubmit("refresh")', 5000);
</script>

函数textSubmit（str）{
如果（str！=“刷新”）{
var admin=“”；
var session=“”；
var输入=document.getElementById（“输入”）.value；
document.getElementById（“输入”）.value=“”；
var dataString='admin='+admin+'&input='+input+'&session='+session；
}
否则{
var session=“”；
var dataString='session='+session；
}
jQuery.ajax({
url:“admin/chatsession.php”，
数据：dataString，
类型：“POST”，
成功：功能（数据）{
$（“#adminlog”）.html（数据）；
},
错误：函数（）{}
});
返回true；
}
setInterval（'textSubmit（“refresh”）’，5000）；

使用JQuery

<table id="scroll"><!--code--></table>
$(document).ready(function(){
// check if the scroll is down
    var isScrolledDown = ($('#scroll')[0].scrollHeight - $('#scroll')[0].scrollTop <= $('#scroll')[0].offsetHeight);
    // display the message
    $('#scroll')[0].innerHTML += htmlMessage;
    // scroll down the scrollbar
    $('#scroll')[0].scrollTop = isScrolledDown ? $('#scroll')[0].scrollHeight : $('#scroll')[0].scrollTop;}

$（文档）.ready（函数（）{
//检查滚动是否向下
var isScrolledDown=（$（'#scroll'）[0]。scrollHeight-$（'#scroll'）[0]。scrollTop您好，欢迎使用堆栈溢出。虽然始终欢迎指向有用的外部资源的链接，但也请引用您链接到的页面的关键摘录。这样，如果网站关闭或页面（重新）移动，则此答案不会变得无用。