From 7a0e729ab4a99c7f59cd0b942a7fd79bc0bf77c8 Mon Sep 17 00:00:00 2001 From: Peanut Date: Sun, 19 Jul 2026 18:50:57 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20chat-page=20=E7=94=A8=20height:=20100vh?= =?UTF-8?q?=20=E6=9B=BF=E4=BB=A3=20min-height:=20100vh=20=E4=BF=AE?= =?UTF-8?q?=E5=A4=8D=E7=9C=9F=E6=9C=BA=E6=BB=9A=E5=8A=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 根因:min-height: 100vh 允许容器超出视口增长,破坏 flex 布局, 导致 scroll-view 内部滚动层高度=内容高度(都不滚动)。 参考项目内已工作的 .result-page(height: 100% + min-height: 0)。 H5 实际验证:内容 1779px 滚动到底部后提交按钮 visibleInViewport: true --- mini-program/src/pages/main/ScriptView.vue | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/mini-program/src/pages/main/ScriptView.vue b/mini-program/src/pages/main/ScriptView.vue index 2ab01f6..cfc9d0e 100644 --- a/mini-program/src/pages/main/ScriptView.vue +++ b/mini-program/src/pages/main/ScriptView.vue @@ -3528,10 +3528,12 @@ onUnmounted(() => { } .chat-page { - min-height: 100vh; + height: 100vh; + min-height: 0; display: flex; flex-direction: column; background: #13091f; + box-sizing: border-box; } .chat-top-actions {