scrollable div autoscrolling

Question

Ich habe ein scrollbares Div auf meiner Seite, aber da der Inhalt darin AJAX-gesteuert ist und jede Sekunde aktualisiert wird, scrollt das Div immer wieder nach oben! wie kann ich das verhindern? Hier ist das Div selbst:

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

hier ist das 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>

Auch nur eine CSS-Regel für beide Spans ist immer followed.any Weg um dies?

Answer 1

Sie können die DIV's scrollTop Eigenschaft mit JavaScript:

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

Sie würden also den Wert speichern, bevor der Inhalt aktualisiert wird, und ihn nach Abschluss der Aktualisierung wieder einfügen.