vivid 手机端顶栏下滑自动隐藏:滚过 80px 向下滑收起、向上滑或回页首即回现,2px 抖动过滤,抽屉打开期间强制可见
This commit is contained in:
1 parent
00e85bf667
commit
e5dee4daf1
2 files changed
+23
-4
No files matched your search
@@ -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);}
|
||||
|
||||
Reference in new issue
Block a user