// 第一次获取数据放在聊天页面中
if (!this.message.length) {
this.message = res.data.list // 聊天列表
this.$nextTick(() => {
const div = document.getElementById('messgaeContent')
div.scrollTop = div.scrollHeight // 滚动到最下面
this.scrollHeight = div.scrollTop // 记录上一次滚动的距离
})
} else {
this.message.unshift(...(res.data.list)) // 在数组最前面放数据
this.$nextTick(() => {
const div = document.getElementById('messgaeContent')
div.scrollTop = div.scrollHeight - this.scrollHeight - this.$refs.scrollRef.offsetHeight // 内容全文高 - 上一次滚动距离 - 本身内容高
})
}
内容全文高 - 上一次滚动距离 - 本身内容高就是当前位置文章来源地址https://www.toymoban.com/news/detail-406395.html
文章来源：https://www.toymoban.com/news/detail-406395.html
到了这里，关于聊天——拉去历史记录，保持聊天页面静止的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
