From fc7280bb18849a5bd4da195f484b8add39893d89 Mon Sep 17 00:00:00 2001
From: yinpeng <2291314224@qq.com>
Date: Thu, 13 Feb 2025 01:05:30 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91=EF=BC=8C?=
 =?UTF-8?q?=E7=9B=91=E5=90=AC=E5=AE=B9=E5=99=A8=E9=AB=98=E5=BA=A6=E5=8F=98?=
 =?UTF-8?q?=E5=8C=96=E8=87=AA=E5=8A=A8=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/templates/keys_status.html | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/app/templates/keys_status.html b/app/templates/keys_status.html
index 619cbdd..ff86703 100644
--- a/app/templates/keys_status.html
+++ b/app/templates/keys_status.html
@@ -552,14 +552,25 @@
             });
         }
 
-        // 监听窗口滚动事件来显示/隐藏滚动按钮
-        window.addEventListener('scroll', function() {
+        // 监听container高度变化来显示/隐藏滚动按钮
+        function updateScrollButtons() {
+            const container = document.querySelector('.container');
             const scrollButtons = document.querySelector('.scroll-buttons');
-            if (window.scrollY > 100) {
-                scrollButtons.style.display = 'flex';
+            if (container.scrollHeight > container.clientHeight) {
+            scrollButtons.style.display = 'flex';
             } else {
-                scrollButtons.style.display = 'none';
+            scrollButtons.style.display = 'none';
             }
+        }
+
+        // 初始检查
+        updateScrollButtons();
+
+        // 监听展开/折叠事件
+        document.querySelectorAll('.key-list h2').forEach(header => {
+            header.addEventListener('click', () => {
+            setTimeout(updateScrollButtons, 300); // 等待展开动画完成
+            });
         });
         function refreshPage(button) {
             button.classList.add('loading');