diff --git a/web/navi.css b/web/navi.css index 2e649d7..726662f 100644 --- a/web/navi.css +++ b/web/navi.css @@ -743,11 +743,21 @@ html[data-theme] .minimal-home { flex-direction: column !important; overflow: hidden !important; } -/* 内容外框:吃掉剩余高度,自己滚 */ +/* 内容外框:只负责"吃掉剩余高度 + 纵向排列",**自己不滚** + —— 页签行(.minimal-headings-wrap)和内容都在它里面, + 若让它滚,滚动时页签会被一起带走(用户实测发现的正是这个)。 */ html[data-theme] .minimal-home > .item-group-container { flex: 1 1 auto !important; min-height: 0 !important; max-height: 100% !important; + overflow: visible !important; + display: flex !important; + flex-direction: column !important; +} +/* 表项框:唯一滚动区。页签在其上方,滚动时保持不动。 */ +html[data-theme] .minimal-home > .item-group-container > .minimal-section-inner { + flex: 1 1 auto !important; + min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; @@ -755,11 +765,9 @@ html[data-theme] .minimal-home > .item-group-container { padding-bottom: 84px !important; scrollbar-width: thin; } -/* 内框不再自成滚动区(避免双层滚动条),只负责高度不满时撑开 */ -html[data-theme] .minimal-home > .item-group-container > .minimal-section-inner { - min-height: 0 !important; - overflow: visible !important; - padding-bottom: 0 !important; +/* 页签行固定:不参与滚动,也不被压缩 */ +html[data-theme] .minimal-home .minimal-headings-wrap { + flex: 0 0 auto !important; } @media (max-height: 560px) { html[data-theme] .minimal-home > .item-group-container { padding-bottom: 64px !important; }