diff --git a/src/components/MaskLayer.vue b/src/components/MaskLayer.vue
index 21e2412..69b347f 100644
--- a/src/components/MaskLayer.vue
+++ b/src/components/MaskLayer.vue
@@ -18,12 +18,31 @@
 </template>
 
 <script setup>
+import { watch } from 'vue'
+
 const props = defineProps({
   maskLayerShow: {
     type: Boolean,
     required: true,
   },
 })
+
+// 监听遮罩层显示状态，控制背景页面滚动
+watch(
+  () => props.maskLayerShow,
+  (newVal) => {
+    if (newVal) {
+      // 禁用背景页面滚动
+      document.body.style.overflow = 'hidden'
+      document.body.style.touchAction = 'none'
+    } else {
+      // 恢复背景页面滚动
+      document.body.style.overflow = ''
+      document.body.style.touchAction = ''
+    }
+  },
+  { immediate: true }
+)
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/Ranking/GamesKing/index.vue b/src/views/Ranking/GamesKing/index.vue
index 92b144b..1c658bb 100644
--- a/src/views/Ranking/GamesKing/index.vue
+++ b/src/views/Ranking/GamesKing/index.vue
@@ -541,7 +541,7 @@
       <!-- 弹窗遮罩层 -->
       <maskLayer :maskLayerShow="maskLayerShow" @click="maskLayerShow = false">
         <!-- help弹窗 -->
-        <div style="margin: 20% 0" @click.stop>
+        <div style="margin: 10vh 0 5vh" @click.stop>
           <itemCenter
             :imgUrl="imageUrl(getImgName('helpBg'))"
             :contentStyle="`inset: 15% 4% 3%;overflow-y: auto;display:block;`"