diff --git a/src/views/BattleRanking.vue b/src/views/BattleRanking.vue index 9b5b009..ff7945e 100644 --- a/src/views/BattleRanking.vue +++ b/src/views/BattleRanking.vue @@ -1988,6 +1988,16 @@ onUnmounted(() => { /* 禁止横向滚动 */ overflow-y: auto; /* 允许纵向滚动 */ + /* 隐藏移动端滚动条 */ + -ms-overflow-style: none; + scrollbar-width: none; + display: flex; + flex-direction: column; + } + + /* 隐藏WebKit浏览器移动端滚动条 */ + .rank-table::-webkit-scrollbar { + display: none; } /* 移动端英雄排名列表滚动设置 */ @@ -1996,18 +2006,34 @@ onUnmounted(() => { /* 禁止横向滚动 */ overflow-y: auto !important; /* 允许纵向滚动 */ + /* 确保英雄排名列表隐藏滚动条 */ + -ms-overflow-style: none; + scrollbar-width: none; + display: flex; + flex-direction: column; + } + + .individual-rankings-container .rank-table::-webkit-scrollbar { + display: none; } .table-header { font-size: 1rem; padding: 8px 6px; min-width: 500px; + /* 固定表头,防止滚动时移动 */ + position: sticky; + top: 0; + z-index: 10; + background-color: rgba(255, 255, 255, 0.95); } .table-row { font-size: 0.9rem; padding: 8px 6px; min-width: 500px; + /* 确保行内容不会被截断 */ + overflow: visible; } /* 冠军部分调整 */