javascriptの場合に自動スクロールする方法

Question

PHP/JS/JQueryでチャットを行いましたが、新しいメッセージが表示された後に自動スクロールします。

$(function(){ 
$(document).on('submit','#chatForm',function(){ 
    var text = $.trim($("#text").val()); 
    var name = $.trim($("#name").val()); 

    if(text != "" && name != ""){ 
     $.post('poster.php',{text: text, name: name},function(data){ 
      $(".chatMessages").append(data); 
     }); 
    }else{ 
     alert("Data missing!"); 
    } 
}); 

function getMessages(){ 
    $.get('receive.php',function(data){ 
     $(".chatMessages").html(data); 
    }); 
} 

setInterval(function(){ 
    getMessages(); 
    document.getElementById('chatBottom').scrollIntoView(); 
},500); 
}); 

しかし、それは

Answer 1

使用jQueryのは、このように機能をアニメーションスクロールしない：ここに私のコード（ジャバスクリプト）があります$(".chatMessages).animate({scrollTop:$(this).scrollHeight},500);

Answer 2

あなたは以下のようなものを使用することができます -

function pageScroll() { 
     window.scrollBy(0,50); // horizontal and vertical scroll increments 
     scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds 
} 

あなたはここではsetTimeout機能は必要ないかもしれませんが、毎回新しいメッセージを確認する必要があります。