ios safari回弹区域背景色失效本质是页面未渲染时系统填充纯白/黑所致，需在pages.json设h5.backgroundcolor、强制html/body占满视口并设背景、添加theme-color meta、内联首屏样式四步解决。
这个问题本质是 iOS Safari（及部分安卓 WebView）在 overscroll 回弹时，页面未完全渲染或背景色未生效，系统 fallback 到纯白或纯黑填充回弹区域所致。不是 bug，但体验极差。关键不在“防下拉”，而在“让回弹区域有明确、可控的背景色”。
确保 pages.json 显式声明 H5 背景色
uni-app 构建 H5 时，必须在 pages.json 的 "h5" 节点下配置 backgroundColor：
-
"h5": { "backgroundColor": "#ffffff" }—— 声明后，uni-app 会自动向 index.html 注入对应<meta name="theme-color">和内联样式 - 若设为深色主题，如
"#121212"，需同步确认状态栏文字是否可读（必要时搭配color-scheme: dark） - 此配置是基础，缺了它，后续所有 CSS 都可能失效
强制 body 占满物理视口并继承背景
iOS WebKit 对未设高度的 body 会忽略其背景色。因此不能只写 body { background: #fff }：
- 在 App.vue 或全局样式中，加这条规则：
html, body { height: 100% !important; } - 再补上：
body { margin: 0; background-color: inherit; } - 更稳妥的做法是直接给
html设背景：html { background-color: #ffffff; }，避免继承链断裂
添加覆盖式回弹底色 meta（iOS 15+ 有效）
在 index.html 的 中，务必放在所有 CSS 加载之后，插入：
-
<meta name="theme-color" content="#ffffff">—— 控制地址栏和回弹底色 -
<meta name="apple-mobile-web-app-capable" content="yes">—— 启用 Web App 模式，增强背景控制力 - 注意：这行
<meta name="viewport" content="viewport-fit=cover">不解决回弹穿帮，只管安全区，别混用
规避首屏加载空白期的裸 HTML 状态
回弹若发生在 Vue 实例挂载前，页面就是纯 HTML，无任何样式。可从两方面缓解：
- 精简首屏 JS（如 app-service.js），压缩并启用 HTTP/2 或预加载
- 在
index.html的内最顶部加内联 style：<style>body{background:#ffffff}</style>，确保哪怕 JS 失败也有底色 - 避免使用
position: fixed全屏遮罩却不设背景色——它一旦没盖住整个 viewport，回弹就露出父级默认背景
