fix(ui): 进场动画改纯opacity(transform残留值把fixed抽屉裁成半截)
transform:translateY(0)结束后仍是非none transform→创建containing block →position:fixed的抽屉相对列表卡片定位被裁剪;opacity动画无此副作用 Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -336,9 +336,11 @@ a {
|
|||||||
.yk-main > * {
|
.yk-main > * {
|
||||||
animation: yk-rise 0.32s cubic-bezier(0.22, 0.8, 0.36, 1) both;
|
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 {
|
@keyframes yk-rise {
|
||||||
from { opacity: 0; transform: translateY(6px); }
|
from { opacity: 0; }
|
||||||
to { opacity: 1; transform: translateY(0); }
|
to { opacity: 1; }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ── 卡片 ── */
|
/* ── 卡片 ── */
|
||||||
|
|||||||
Reference in New Issue
Block a user