From 8956f86443d6f1ec42b8e60f957ebd1ac6066b16 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9B=A8=E9=9C=96=E9=93=83?= <rsgltzyd@hotmail.com>
Date: Wed, 7 Jan 2026 23:43:17 +0800
Subject: [PATCH] =?UTF-8?q?style(css):=20=E4=BC=98=E5=8C=96=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=BB=9A=E5=8A=A8=E6=9D=A1=E5=92=8C=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改html和body选择器以正确设置页面尺寸和滚动行为
- 将.app容器的高度设置从100vh改为min-height: 100%
- 更新.nav-collapse-content的最大高度计算方式
- 为body元素添加滚动条隐藏样式
- 统一各组件的滚动条样式处理规则
---
 src/App.css | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/App.css b/src/App.css
index cefb07a..c857463 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,12 +1,14 @@
 /* 隐藏页面滚动条 */
-html {
-    overflow: hidden;
-}
-
-body {
+html, body {
     margin: 0;
     padding: 0;
-    overflow: hidden;
+    width: 100%;
+    height: 100%;
+}
+
+/* 隐藏body滚动条但允许滚动 */
+body {
+    overflow: auto;
 }
 
 .app {
@@ -16,9 +18,8 @@ body {
     font-family: Arial, sans-serif;
     width: 100%;
     min-width: 320px;
-    height: 100vh;
+    min-height: 100%;
     box-sizing: border-box;
-    overflow: auto;
 }
 
 .nav {
@@ -260,7 +261,7 @@ body {
     }
 
     .nav-collapse-content.show {
-        max-height: calc(100vh - 48px);
+        max-height: calc(100% - 48px);
         overflow-y: auto;
     }
 
@@ -298,6 +299,7 @@ body {
 
 /* 隐藏滚动条样式 */
 /* WebKit浏览器 (Chrome, Safari, Edge) */
+body::-webkit-scrollbar,
 .app::-webkit-scrollbar,
 .nav-collapse-content.show::-webkit-scrollbar,
 .timestamp-display::-webkit-scrollbar {
@@ -305,6 +307,7 @@ body {
 }
 
 /* Firefox */
+body,
 .app,
 .nav-collapse-content.show,
 .timestamp-display {
@@ -312,6 +315,7 @@ body {
 }
 
 /* IE/Edge 10+ */
+body,
 .app,
 .nav-collapse-content.show,
 .timestamp-display {