ajaxが動作していないdivをスクロールする

Question

ajaxを使って1対1のサポートチャットを構築しました。私は、Ajaxがdivの高さよりも高いdivをリフレッシュするとき、divはちょうど拡大を続けていることに気付きました。同じ問題を抱える多くの人が、オーバーフローを使用するようにアドバイスされています。縫い目すべてで動作する.. 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> 

Answer 1

<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;} 

またはAJAXとPHP this book