チャットボックスでjavascriptを自動スクロールする

Question

リアルタイムメッセージを見ることができないので、チャットボックスをスクロールダウンするにはどうしたらいいですか？私はそれはすでに実際に最後のメッセージ

にする必要があり、私は最初のロードで自分のスタイルオーバーフロー

<script> 
    //scroll to bottom 
    window.onload=toBottom; 
    function toBottom(){ 
    window.scrollTo(0, document.body.scrollHeight); 
    }//end of scroll to bottom 
</script> 

ビューの一部

<div class="scrollMessage w3-padding div" onload="toBottom" id="scroll" style="overflow-y:scroll;height: 460px;"> 
     <?php include 'getMessage.php'; ?>   
</div> 

を入れて、私の私のdivのidに呼ばれたいですチャットの会話も最後のメッセージに表示されます

Answer 1

これはあなたが探しているものです。それが役に立てば幸い。

var objDiv = document.getElementById("scroll2"); //Obtain the ID of the chat div 
 
window.onload = toBottom; 
 
function toBottom() { 
 
    objDiv.scrollTop = objDiv.scrollHeight; //Set the scroll offset position to the height of the chat div 
 
}

<div id="scroll"> 
 
<div class="scrollMessage w3-padding div" onload="toBottom" id="scroll2" style="overflow-y:scroll;height: 200px;width:150px;"> 
 
    <!--<?php include 'getMessage.php'; ?>--> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
    Random messages <br> 
 
</div> 
 
</div>