From 36d29857f7873c779a4a5168e78beec9c275c6f5 Mon Sep 17 00:00:00 2001 From: jekkinoopy Date: Wed, 17 Jun 2026 13:50:28 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=B1=95=E9=96=8B=E5=8A=A0=E6=BB=91?= =?UTF-8?q?=E5=85=A5=E5=8B=95=E7=95=AB=EF=BC=8Cinfo=20=E6=BB=91=E5=88=B0?= =?UTF-8?q?=E9=A0=82=E9=83=A8=EF=BC=8Cdetail=20=E5=BE=9E=E4=B8=8B=E6=BB=91?= =?UTF-8?q?=E5=85=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- variety/bangxiao.html | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) 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 {