javascript - 如何为聊天应用程序设置自动滚动

Question

我正在制作一个聊天网络应用程序，除了实现登录系统之外，我已经完成了大部分工作，但有一个问题我似乎找不到答案。这并不是很复杂。

我需要知道如何做到这一点:

1. 网站加载时聊天将滚动到底部
2. 聊天会自动滚动到新消息，但前提是用户位于页面底部。

这可能不太难做到，但我什至不知道如何使用 javascript 滚动，所以谢谢。
当前站点位于此网址:Chat url

Answer 1

收到新消息或页面重新加载后，您可以使用:

window.scrollTo(0,document.body.scrollHeight);

<小时/>

页面加载:

window.onload = function() {
  window.scrollTo(0,document.body.scrollHeight);
};

<小时/>

要在收到新消息后滚动，您可以将函数 update_message 修改为:

function update_message(id,author,body,selfSent){
    var message = document.getElementById(id);
    if(selfSent){
        message.classList.replace("messagebox-o","messagebox-s");
        author = "You";
    }else{
        message.classList.replace("messagebox-s","messagebox-o");
    }
    message.querySelector(".author-text").innerText = author;
    message.querySelector(".body-text").innerHTML = body;
    window.scrollTo(0,document.body.scrollHeight); // ADD THIS
}

<小时/>