聊天室滚动修正
This commit is contained in:
@@ -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)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user