From c77a1795a3e64d61d2cc3e2a6613423e7d6962c5 Mon Sep 17 00:00:00 2001 From: HomeDash Bot Date: Sat, 12 Sep 2026 19:53:47 +0800 Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E9=A1=B5=E8=84=9A=E6=94=B9=E5=9B=9E?= =?UTF-8?q?=E5=9B=BA=E5=AE=9A=E8=B4=B4=E5=BA=95=EF=BC=88=E6=96=87=E6=A1=A3?= =?UTF-8?q?=E6=B5=81=E6=96=B9=E6=A1=88=E4=BC=9A=E8=AE=A9=E9=A1=B5=E8=84=9A?= =?UTF-8?q?=E6=8E=89=E5=87=BA=E8=A7=86=E5=8F=A3=EF=BC=89+=20=E5=86=85?= =?UTF-8?q?=E5=AE=B9=E7=95=99=E5=87=80=E7=A9=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 用户实测反馈三点，经真实视口复现确认： ① /workspace 不滚动时页脚 bottom=737 > 视口 720 → 第二行（豫公网安备/无谓前路之沧桑） 落在视口外，且页面被撑高 → '工作区整体能滑动'、'底栏只显示备案号'； ② 文档流方案（v81-v83）在视口较矮或内容较多时页脚必然掉出视口， 用户评价'不如上一版'—— 因为上一版是固定层，任何视口都可见； ③ 我此前用'距文档底=0px'当成功判据，但那只证明它是文档最后一项， **不能证明它在视口内可见** —— 判据再次用错。 本版：恢复 position:fixed/bottom:0（同 v76 做法）， 并成对给内容容器留出 44px 底部净空避免遮挡； 固定层不参与文档高度，避免页面被撑出滚动条。 --- web/navi.css | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) diff --git a/web/navi.css b/web/navi.css index 0a1e24e..a79e8ea 100644 --- a/web/navi.css +++ b/web/navi.css @@ -2528,3 +2528,41 @@ html[data-theme] body:has(> .navi-footer-host) > .navi-footer-host { /* minimal：内容链最后一个容器不留底部余量 */ html[data-theme] body:has(.minimal-home) > .navi-footer-host { margin-bottom: 0 !important; padding-bottom: 0 !important; } html[data-theme] body:has(.minimal-home) #app > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } + +/* ═══ v84：页脚恢复"固定贴底"（滚动流方案会让页脚掉出视口）═══ + 事实（不滚动、真实视口实测）： + - /workspace：页脚 y=704 高 33 → bottom=737 > 720，**第二行（豫公网安备 / 无谓前路之沧桑） + 落在视口外**；并且页面被撑高到 737 → 出现"工作区整体能滑动"。 + - v81-v83 走"文档流"路线，在视口略矮/内容略多时页脚就会掉出视口， + 用户反映"不如上一版"，本质是**流布局不能保证可见**。 + 故恢复固定贴底（position:fixed, bottom:0，与 v76 相同的做法）， + 并成对解决遮挡：内容链底部留出与页脚等高的净空。 */ +html[data-theme] body > .navi-footer-host, +html[data-theme] body .navi-footer-host { + position: fixed !important; + left: 0 !important; right: 0 !important; bottom: 0 !important; + top: auto !important; + margin: 0 !important; padding: 0 !important; + z-index: 3 !important; + width: 100% !important; + height: auto !important; max-height: none !important; + pointer-events: none !important; + background: transparent !important; border: 0 !important; box-shadow: none !important; + backdrop-filter: none !important; -webkit-backdrop-filter: none !important; + overflow: visible !important; +} +html[data-theme] body .navi-footer-host > .navi-footer { pointer-events: auto !important; } +/* 首页：页脚在