fix(ui): 滚动区层级修正——只让表项框滚动,页签行保持固定
用户实测:滚动时页签与会一起被带走。原因是我把滚动放在 .item-group-container 上, 而 Dashy 的 DOM 里**页签行(.minimal-headings-wrap)也在该容器内**, 所以整块(页签+内容)一起滚。 本版: - .minimal-home > .item-group-container:仅 flex 列布局 + min-height:0,**overflow:visible(不滚)** - .minimal-home > .item-group-container > .minimal-section-inner:设为**唯一滚动区** (overflow-y:auto + min-height:0 + flex:1 + 底部 84px 净空) - .minimal-headings-wrap:flex:0 0 auto,固定在上方不参与滚动
This commit is contained in:
20
web/navi.css
20
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; }
|
||||
|
||||
Reference in New Issue
Block a user