feat: 智能滚动 - 流式回复时可向上查看历史，浮动按钮回到底部

- 流式输出时不再强制锁定底部，用户可自由滚动查看历史 - 滚动离开底部时显示「回到底部」浮动按钮（sticky 定位） - 点击按钮平滑滚动并恢复自动跟踪 - 用户手动滚回底部时自动恢复跟踪 - 发送消息/新建会话时自动重置为跟踪状态 - 首次渲染（加载历史）强制滚到底部
2026-04-04 21:41:26 +08:00
parent d61764a5e9
commit 12843f09a5
5 changed files with 105 additions and 4 deletions
@@ -84,6 +84,12 @@
            <p>选择一个模型，输入消息开始聊天</p>
        </div>
        <div class="messages" id="messagesContainer" style="display:none;"></div>
+        <button class="scroll-to-bottom" id="scrollToBottom" style="display:none;" title="回到最新">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <polyline points="6 9 12 15 18 9"/>
+            </svg>
+            <span>回到底部</span>
+        </button>
    </main>

    <!-- ═══════════════ 历史只读提示栏 ═══════════════ -->