diff --git a/variety/bangxiao.html b/variety/bangxiao.html index 9565f0a..4ae7806 100644 --- a/variety/bangxiao.html +++ b/variety/bangxiao.html @@ -86,19 +86,23 @@ pointer-events: none; } - /* name + role:預設 flex 置中,選取後釘頂 */ + /* name + role:absolute 置中,選取後滑到頂部 */ .bangxiao-page .member-check__info { + position: absolute; + top: 50%; + left: 0; + width: 100%; + transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; gap: 4px; - width: 100%; + transition: top 0.3s ease, transform 0.3s ease; } .bangxiao-page .member-check:has(input:checked) .member-check__info { - position: absolute; top: 14px; - left: 0; + transform: translateY(0); } .bangxiao-page .member-check__name { @@ -163,12 +167,14 @@ visibility: hidden; opacity: 0; text-align: center; - transition: opacity 0.25s ease, visibility 0.25s ease; + transform: translateY(12px); + transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; } .bangxiao-page .member-check:has(input:checked) .member-detail { visibility: visible; opacity: 1; + transform: translateY(0); } .bangxiao-page .member-detail__count {