如何为聊天应用设置自动滚动

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
}

---

Answer 2

在插入新的消息元素check if the window is scrolled to the bottom 之前，添加该元素，如果是，再添加scroll to the bottom again。