pengyejiatu/IC-Coder-Plugin
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:解决强制滚动的问题

Browse Source
This commit is contained in:
Roe-xin
2025-12-25 11:00:23 +08:00
parent 2e6812d00d
commit ef83016b7f
1 changed files with 23 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/messageArea.ts
View File

@ -556,6 +556,19 @@ export function getMessageAreaScript(): string {
return toolNameMap[toolName] || toolName;
}
// 检查用户是否在底部附近（允许50px的误差）
function isUserNearBottom() {
const threshold = 50;
return messagesEl.scrollHeight - messagesEl.scrollTop - messagesEl.clientHeight < threshold;
}
// 智能滚动：只有用户在底部附近时才自动滚动
function smartScrollToBottom() {
if (isUserNearBottom()) {
messagesEl.scrollTop = messagesEl.scrollHeight;
}
}
// 添加消息
function addMessage(text, sender) {
const div = document.createElement('div');
@ -602,7 +615,7 @@ export function getMessageAreaScript(): string {
}
messagesEl.appendChild(div);
messagesEl.scrollTop = messagesEl.scrollHeight;
smartScrollToBottom();
// 添加消息后检查 header 显示状态
checkHeaderVisibility();
@ -672,8 +685,8 @@ export function getMessageAreaScript(): string {
}
}
// 滚动到底部
messagesEl.scrollTop = messagesEl.scrollHeight;
// 智能滚动到底部
smartScrollToBottom();
}
// 完成流式消息
@ -699,7 +712,7 @@ export function getMessageAreaScript(): string {
currentStreamingMessage = null;
}
messagesEl.scrollTop = messagesEl.scrollHeight;
smartScrollToBottom();
}
// 显示加载指示器
@ -715,7 +728,7 @@ export function getMessageAreaScript(): string {
<span class="loading-text">\${text}</span>
\`;
messagesEl.appendChild(loadingIndicator);
messagesEl.scrollTop = messagesEl.scrollHeight;
smartScrollToBottom();
}
// 隐藏加载指示器
@ -930,8 +943,8 @@ export function getMessageAreaScript(): string {
currentSegmentedMessage = null;
}
// 滚动到底部
messagesEl.scrollTop = messagesEl.scrollHeight;
// 智能滚动到底部
smartScrollToBottom();
}
// 渲染分段消息（兼容旧代码）
@ -1067,7 +1080,7 @@ export function getMessageAreaScript(): string {
container.appendChild(actionsDiv);
messagesEl.appendChild(container);
messagesEl.scrollTop = messagesEl.scrollHeight;
smartScrollToBottom();
}
// 格式化文本（支持 Markdown）
@ -1138,7 +1151,7 @@ export function getMessageAreaScript(): string {
\${detail ? \`<div class="tool-detail">\${detail}</div>\` : ''}
\`;
messagesEl.appendChild(div);
messagesEl.scrollTop = messagesEl.scrollHeight;
smartScrollToBottom();
// 添加消息后检查 header 显示状态
checkHeaderVisibility();
@ -1198,7 +1211,7 @@ export function getMessageAreaScript(): string {
div.appendChild(customContainer);
messagesEl.appendChild(div);
messagesEl.scrollTop = messagesEl.scrollHeight;
smartScrollToBottom();
// 添加消息后检查 header 显示状态
checkHeaderVisibility();