Как сделать автопрокрутку на if в javascript

Я сделал чат в PHP/JS / JQuery и я хочу autoscroll после появления нового сообщения. Вот мой код (javascript):

$(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);
});

Но он не прокручивается

2 ответа

  1. Вы можете использовать что-то, как показано ниже —

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

    ВозможноsetTimeout, эта функция здесь не нужна, но каждый раз нужно проверять наличие нового сообщения.