Javascript 可滚动div自动滚动

我在我的网站上有一个可滚动的div，但是因为里面的内容是AJAX驱动的，并且每秒钟都会刷新一次……这个div一直在向上滚动！我如何防止这种情况？ 下面是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;

以下是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规则。有没有办法解决这个问题？

您可以使用JavaScript设置DIV的scrollTop属性：

因此，您可以在更新内容之前保存该值，并在更新完成后重新插入该值。

您可以使用JavaScript设置DIV的scrollTop属性：

---

因此，您应该在更新内容之前保存该值，并在更新完成后重新插入该值。

您缺少了关键部分：ajax部分。您几乎肯定需要在javascript中处理行为，而不是通过css。您缺少了关键部分：ajax部分。您几乎肯定需要在javascript中解决该行为，而不是通过css。@redaxmedia您可以将此示例作为单独的答案提交，并附上代码和解释，例如添加更多blahs以查看其动态工作。由于问题没有标记为jQuery，我想说的是，它也可以在普通JS中完成。@redaxmedia您可以将此示例作为单独的答案提交，并附带代码和解释，例如添加更多blahs以查看其动态工作。由于这个问题没有标记为jQuery，我想说的是，它也可以在普通的JS中完成。