divのJavaScript自動スクロール

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>