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; } +/* 首页：页脚在