fix(ui): 进场动画改纯opacity(transform残留值把fixed抽屉裁成半截)

transform:translateY(0)结束后仍是非none transform→创建containing block →position:fixed的抽屉相对列表卡片定位被裁剪;opacity动画无此副作用 Co-Authored-By: Claude <noreply@anthropic.com>
2026-08-22 16:21:12 +08:00
parent b9d250cdc1
commit d08255696c
1 changed files with 4 additions and 2 deletions
@@ -336,9 +336,11 @@ a {
 .yk-main > * {
  animation: yk-rise 0.32s cubic-bezier(0.22, 0.8, 0.36, 1) both;
 }
+/* 注意:不能用 transform——结束后残留的 transform 值会让 position:fixed 的
+抽屉改成相对动画元素定位,被列表卡片裁半截(2026-08-22 实测);纯 opacity 无此副作用 */
@keyframes yk-rise {
-  from { opacity: 0; transform: translateY(6px); }
-  to { opacity: 1; transform: translateY(0); }
+  from { opacity: 0; }
+  to { opacity: 1; }
 }

 /* ── 卡片 ── */