スクロールのdiv自動スクロール

Question

は、私は自分のサイト上でスクロール可能なdiv要素を持っているが、内部のコンテンツはAJAX方式で、毎秒更新されますので、... divがバックアップにスクロールし続ける！どのように私はこれを防ぐのですか？ HERESにdiv要素自体：

$show = '<div class="chatlist" >'; 
while($row = mysql_fetch_array($sql)) 
    { 
    $messages = $row['messages']; 
    $userid = $row['id']; 
    $name = $row['name']; 
$show.=' 
<span class="nm" >' . $name . ':</span><br/><span class="msg">' . $messages . '<br/></span> 

';} 
    $show.='</div>'; 
    echo $show; 

HERESにCSS：スパンの両方のためにも

<style type="text/css"> 
    div.chatlist 
    { 
border: thin dotted #000; 
width: 600px; 
left:600px; 
top:600px; 
height:600px; 
background-color: #000; 
color: #FFF; 
border-radius: 5px; 
overflow: scroll; 

} 
span.nm{ 
    font-weight: bold; 
    text-align:left 
} 
span.msg{ 
text-align: right; 
font-style: italic; 
} 
    </style> 

唯一のCSSルールはこの周りfollowed.any方法を得ていますか？

Answer 1

あなたはJavaScriptを使用してDIVのscrollTopプロパティを設定することができます。

https://developer.mozilla.org/en/DOM/element.scrollTop

ですから、コンテンツが更新される前の値を保存し、更新が完了した後、それを再挿入します。