怎么样才能让这个页面一直定位在最后一条消息,红色圈起来的是js中创建的元素

怎么样才能让这个页面一直定位在最后一条消息,红色圈起来的是js中创建的元素

img

你是说 滚动条 滚动到最后一条 消息吗? 那需要 计算 每个 高度 * 消息总数 然后 写个 滚动事件 。

在需要滚动的地方调用下下面的代码,比如插入新消息后

const container = document.querySelector('#questions')  // 你的容器应该是这个吧
container.scrollTo(0, container.scrollHeight)  // 移动到底部

谢谢各位回答,我已经用chatGPT找到原因了,我的是div嵌套多个div,也就是每一条消息都是div,一般方法不好使