スクロールバーが上がる

Question

私は自分のウェブサイトにチャットボックスを持っていますが、毎回メッセージを入力します。 スクロールバーが上がります。 Facebookのチャットのように、どうすれば底に固定することができますか？

これはJavaScriptを使用する必要がCSSこのため

.chat-messages { 
    background-color: #fff; 
    margin: 10px; 
    padding: 10px; 
    line-height: 1.2em; 
    height: 550px; 
    max-height: 550px; 
    overflow-y: auto; 
} 

Answer 1

です。 （あなたはjqueryのを使用している場合）、あなたがメッセージを入力するか、あなたがjavascriptの

で一番下までスクロールする必要がメッセージを受け取るたびに、これを試してみてください。

var textarea = $(".chat-messages"); 
if(textarea.length) 
    textarea[0].scrollTop = textarea[0].scrollHeight; 

をあなたにIDを追加jqueryの使用していない場合これを行う：

var textarea = document.getElementById('textarea_id'); 
textarea.scrollTop = textarea.scrollHeight;