Question

我在PHP / JS / JQuery中聊天，我希望在出现新消息后进行自动滚动。这是我的代码（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);
});

但它不滚动

Answer 1

使用jQuery animate函数，如下所示：$(".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功能，但每次都必须检查新消息。

如何在javascript中进行自动滚动

2 个答案: