修复手机端名单抽屉滚动失效问题：打通 flex 高度约束链，启用 overflow-y:auto

2026-03-17 20:30:59 +08:00
parent 7804adc54a
commit 4927e815b5
2 changed files with 9 additions and 4 deletions
--- a/public/css/chat.css
+++ b/public/css/chat.css
@@ -801,13 +801,17 @@ a:hover {
        color: #fff;
    }

-    /* ── 名单/房间抽屉：复用原 right-panel 结构 ── */
+    /* ── 名单/房间抽屉：限制最大高度，内部用户列表区启用滚动 ── */
+    #mobile-drawer-users {
+        max-height: 80vh;
+    }
+
    #mobile-drawer-users .mobile-drawer-body {
-        max-height: 65vh;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        flex: 1;
+        min-height: 0;
    }

    #mobile-drawer-users .mobile-right-clone {
@@ -825,7 +829,8 @@ a:hover {
    #mobile-drawer-users .user-list-content {
        flex: 1;
        overflow-y: auto;
-        max-height: calc(65vh - 80px);
+        min-height: 0;
+        -webkit-overflow-scrolling: touch;
    }

    #mobile-drawer-users .online-stats {