修正"加载更多"提示关闭之后锚定高度

This commit is contained in:
bob
2024-09-24 10:52:16 +08:00
parent 98da101c98
commit 220f792c6e
2 changed files with 5 additions and 2 deletions

View File

@@ -81,7 +81,10 @@ onMounted(async () => {
const handleMsgListScroll = async () => {
if (msgListDiv.value.scrollTop === 0) {
let loadMoreHeight = 0
if (messageData.msgRecordsList[userData.curSessionId]?.length === capacity.value) {
// 拉取消息之后,"加载更多"的提示会消失,它的高度也会消失,因此需要修正一下高度
loadMoreHeight = document.querySelector('.load-more-wrapper').clientHeight
await pullMsg(1, msgRecords.value[0].msgId)
}
@@ -96,7 +99,7 @@ const handleMsgListScroll = async () => {
}
// 保持页面对话的锚定位置
const scrollHeight = msgListDiv.value.scrollHeight
const scrollHeight = msgListDiv.value.scrollHeight + loadMoreHeight
nextTick(() => {
msgListDiv.value.scrollTop = msgListDiv.value.scrollHeight - scrollHeight
});