fix(ui): mini 页备案号脱离内容流固定贴底,使页框高度恒定
实测(1280×720,逐页签): 页脚 .navi-footer-host 的 top 在 481~527 间漂移 —— 内容多的页签页脚更低, 因为它处在内容流里;用户反馈"内容没撑满时备案号位置就不对"。 改动: - body:has(.minimal-home) 下,.navi-footer-host 改为 position:fixed 贴视口底部 (pointer-events 仅容器 none、子元素 auto,链接照常可点) - 表项框底部净空 84px → 96px,给固定页脚留位,最后一行不被压住 这样内容框吃满"视口 - 顶部chrome - 固定页脚",高度与内容多少无关。
This commit is contained in:
22
web/navi.css
22
web/navi.css
@ -765,6 +765,28 @@ html[data-theme] .minimal-home > .item-group-container > .minimal-section-inner
|
||||
padding-bottom: 84px !important;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
/* ── mini 页:备案号脱离内容流、固定贴底 ──
|
||||
实测:.navi-footer-host 处在内容流中,页脚 top 随内容高度在 481~527 间漂移,
|
||||
内容少的页签下备案号位置就不对(用户反馈"都成这样了")。
|
||||
让它 fixed 贴底后,内容框自然吃满剩余高度、高度恒定,
|
||||
备案号位置与内容多少无关。 */
|
||||
html[data-theme] body:has(.minimal-home) .navi-footer-host {
|
||||
position: fixed !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
z-index: 3 !important;
|
||||
margin: 0 !important;
|
||||
pointer-events: none; /* 只挡视觉,不挡点击 */
|
||||
}
|
||||
html[data-theme] body:has(.minimal-home) .navi-footer-host > * {
|
||||
pointer-events: auto; /* 内部链接仍可点 */
|
||||
}
|
||||
/* 内容框为固定页脚让出空间,避免最后一行被备案号压住 */
|
||||
html[data-theme] .minimal-home > .item-group-container > .minimal-section-inner {
|
||||
padding-bottom: 96px !important;
|
||||
}
|
||||
|
||||
/* 页签行固定:不参与滚动,也不被压缩 */
|
||||
html[data-theme] .minimal-home .minimal-headings-wrap {
|
||||
flex: 0 0 auto !important;
|
||||
|
||||
Reference in New Issue
Block a user