div聊天框始终保持在底部

本文主要是介绍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;}
};

这篇关于div聊天框始终保持在底部的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---