vivid 手机端顶栏下滑自动隐藏:滚过 80px 向下滑收起、向上滑或回页首即回现,2px 抖动过滤,抽屉打开期间强制可见

This commit is contained in:
Sakurasan committed 2026-10-01 17:32:54 +08:00
1 parent 00e85bf667
commit e5dee4daf1
2 files changed
+23 -4

No files matched your search

+5 -1
View File
@@ -61,7 +61,11 @@ html[data-ui='vivid'] .top-m {position:fixed;z-index:120;
border-bottom:1px solid var(--line);
background:color-mix(in srgb,var(--card) 82%,transparent);
backdrop-filter:blur(20px) saturate(1.5);
-webkit-backdrop-filter:blur(20px) saturate(1.5);}
-webkit-backdrop-filter:blur(20px) saturate(1.5);
transition:transform .28s var(--ease);}
/* 向下滑动自动藏起:transform 滑出屏幕,不占布局本来也不占,纯粹让开视线。
抽屉开着时 JS 保证不加这个类(汉堡是 ✕,不能消失) */
html[data-ui='vivid'] .top-m.bar-hide {transform:translateY(-105%)}
html[data-ui='vivid'] .top-m-brand {display:flex;align-items:center;gap:10px;
font-weight:700;font-size:14px;letter-spacing:.02em;color:var(--ink);}
html[data-ui='vivid'] .top-m-brand .av {width:28px;height:28px;flex:none;color:var(--ink);}