div聊天框始终保持在底部

在设计一个网络聊天室的时候，每次发完消息，用下面这种方式，将div上加入 

<div class="messages" ref="messages" id="chatting">

这样的id标签，就可以通过使用了原生 JavaScript 的 document.getElementById("chatting") 来获取聊天容器的引用

// 定义滚动到底部的函数
const scrollToBottom = () => {
  // 获取消息容器的引用
  const container = document.getElementById("chatting");

  // 如果 container 不为 null，则执行后续操作
  if (container) {
    container.scrollTop = container.scrollHeight;
  }
};