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

This commit is contained in:
2026-03-17 20:30:59 +08:00
parent 7804adc54a
commit 4927e815b5
2 changed files with 9 additions and 4 deletions

View File

@@ -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 {

View File

@@ -86,7 +86,7 @@
{{-- 用户列表容器 --}}
<div id="mob-online-users-list"
style="flex:1;overflow-y:auto;padding:2px 0;">
style="flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;">
<div style="text-align:center;color:#aaa;padding:20px;font-size:12px;">加载中...</div>
</div>