Javascript自動滾動div

Question

我想滾動div的末尾，所以在我的情況下，我可以看到聊天的最後一條消息。 這是我有，但它不工作，滾動實際上在div的頂部。

<script type="text/javascript"> 
var divChat = document.getElementById('chat'); 
divChat.scrollTop = divChat.scrollHeight; 
</script> 
<div id="chat" style="border-style:groove;overflow-y: auto; height:50%;"> 
<?php 
    $response = $bdd->query('SELECT * FROM minichat'); 
    while ($rsp = $response->fetch()) 
    { 
     echo '['.$rsp['date_message'].']'." <strong>".htmlspecialchars($rsp['pseudo']) 
     ."</strong>: ".htmlspecialchars($rsp['message'])."<br>"; 
    } 
?> 
</div> 

感謝由您的幫助，

Answer 1

這應該很好地工作：

<div id="chat" style="border-style:groove;overflow-y: auto; height:50%;"> 
<?php 
    $response = $bdd->query('SELECT * FROM minichat'); 
    while ($rsp = $response->fetch()) 
    { 
     echo '['.$rsp['date_message'].']'."   <strong>".htmlspecialchars($rsp['pseudo']) 
    ."</strong>: ".htmlspecialchars($rsp['message'])."<br>"; 
    } 
?> 
</div> 
... 
<script type="text/javascript"> 
    var divChat = document.getElementById('chat'); 
    divChat.scrollTop = divChat.scrollHeight; 
</script> 
</body>