zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: safari 浏览器对话滚动

Browse Source
This commit is contained in:
shaohuzhang1 2024-02-26 11:00:19 +08:00
parent 850518bec5
commit 4f10a305de
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ui/src/components/ai-chat/index.vue
View File

@ -408,6 +408,10 @@ function chatMessage(chat?: any) {
}) })
chatList.value.push(chat) chatList.value.push(chat)
inputValue.value = '' inputValue.value = ''
nextTick(() => {
// 将滚动条滚动到最下面
scrollDiv.value.setScrollTop(getMaxHeight())
})
} }
// 对话 // 对话
applicationApi applicationApi
@ -421,7 +425,7 @@ function chatMessage(chat?: any) {
} else { } else {
nextTick(() => { nextTick(() => {
// 将滚动条滚动到最下面 // 将滚动条滚动到最下面
scrollDiv.value.setScrollTop(Number.MAX_SAFE_INTEGER) scrollDiv.value.setScrollTop(getMaxHeight())
}) })
ChatManagement.addChatRecord(chat, 50, loading) ChatManagement.addChatRecord(chat, 50, loading)
ChatManagement.write(chat.id) ChatManagement.write(chat.id)
@ -472,11 +476,14 @@ const scrollTop = ref(0)
const scorll = ref(true) const scorll = ref(true)
const getMaxHeight = () => {
return dialogScrollbar.value!.scrollHeight
}
const handleScrollTop = ($event: any) => { const handleScrollTop = ($event: any) => {
scrollTop.value = $event.scrollTop scrollTop.value = $event.scrollTop
if ( if (
dialogScrollbar.value.scrollHeight - (scrollTop.value + scrollDiv.value.wrapRef.offsetHeight) <= dialogScrollbar.value.scrollHeight - (scrollTop.value + scrollDiv.value.wrapRef.offsetHeight) <=
20 30
) { ) {
scorll.value = true scorll.value = true
} else { } else {
@ -490,7 +497,7 @@ const handleScroll = () => {
if (scrollDiv.value.wrapRef.offsetHeight < dialogScrollbar.value.scrollHeight) { if (scrollDiv.value.wrapRef.offsetHeight < dialogScrollbar.value.scrollHeight) {
// 如果当前滚动条距离最下面的距离在 规定距离 滚动条就跟随 // 如果当前滚动条距离最下面的距离在 规定距离 滚动条就跟随
if (scorll.value) { if (scorll.value) {
scrollDiv.value.setScrollTop(Number.MAX_SAFE_INTEGER) scrollDiv.value.setScrollTop(getMaxHeight())
} }
} }
} }