vue聊天对话框滚动条自动定位到最底部
这么写的话只能定位到发送消息前的前一条消息,不能定位到最底部.then(this.$nextTick(() => {let msg = document.getElementById('chatRecord') // 获取对象msg.scrollTop = msg.scrollHeight // 滚动高度...
·
这么写的话只能定位到发送消息前的前一条消息,不能定位到最底部
.then(
this.$nextTick(() => {
let msg = document.getElementById('chatRecord') // 获取对象
msg.scrollTop = msg.scrollHeight // 滚动高度
})
)
解决:写在生命周期updated里面可以完美定位!
updated(){
// 聊天定位到底部
let ele = document.getElementById('chatRecord');
ele.scrollTop = ele.scrollHeight;
},
更多推荐
已为社区贡献8条内容
所有评论(0)