聊天室滚动修正

This commit is contained in:
2025-12-30 11:07:27 +08:00
parent 2c32072fa9
commit 8011dec826
2 changed files with 44 additions and 7 deletions

View File

@@ -281,7 +281,31 @@ const handleFileSelect = (e: Event) => {
const scrollToBottom = () => {
nextTick(() => {
if (messagesRef.value) {
messagesRef.value.scrollTop = messagesRef.value.scrollHeight
// 使用 smooth 滚动到底部
messagesRef.value.scrollTo({
top: messagesRef.value.scrollHeight,
behavior: 'instant'
})
// 延迟再次确保滚动到底部(处理内容动态渲染的情况)
setTimeout(() => {
if (messagesRef.value) {
messagesRef.value.scrollTo({
top: messagesRef.value.scrollHeight,
behavior: 'instant'
})
}
}, 100)
// 最后一次确保(处理图片等异步内容加载)
setTimeout(() => {
if (messagesRef.value) {
messagesRef.value.scrollTo({
top: messagesRef.value.scrollHeight,
behavior: 'instant'
})
}
}, 300)
}
})
}