iOS下拉露底空白本质是WebKit弹性滚动与uni-app容器高度计算不匹配所致，需同时设置-webkit-overflow-scrolling: auto、navigationStyle: "custom"、安全区偏移为none，并确保scroll-view父容器min-height撑满视口。
uni-app iOS下拉露底空白的成因
这个问题本质是 iOS WebKit 的滚动机制和 uni-app 页面容器高度计算不匹配导致的。真机上触发下拉时，scroll-view 或页面本身被系统强制“弹性拖拽”，但父容器没撑满安全区域或未禁用弹性效果，底部就露出白底（通常是 body 或 page 的背景色）。
必须设置 -webkit-overflow-scrolling: auto
iOS 默认对 body 启用 -webkit-overflow-scrolling: touch，它会让滚动区域产生弹性回弹，并在内容不足时暴露底层空白。uni-app 的 scroll-view 组件依赖这个行为，但若外层容器没重置，就会冲突。
- 全局修复：在
App.vue的中加：html, body { -webkit-overflow-scrolling: auto !important; overflow: auto !important; } - 单页修复：在页面
中给根 class（如.page）加：.page { -webkit-overflow-scrolling: auto !important; } - 不推荐只改
scroll-view自身——它内部仍受父级body的滚动策略影响
pages.json 中 navigationStyle 要配 custom
默认 navigationStyle: "default" 会在页面顶部预留导航栏空间，同时底部也可能因系统自动适配逻辑错乱，加剧下拉露底。尤其登录页、弹窗页这类无导航需求的页面，必须显式关闭：
- 在
pages.json对应页面配置中写："navigationStyle": "custom"
- 搭配
app-plus安全区配置，避免留白被误判为“可滚动区域”："app-plus": { "safearea": { "bottom": { "offset": "none" } } } - 如果用了
uni-nav-bar等自定义导航，记得手动给顶部加env(safe-area-inset-top)，否则可能顶到状态栏
scroll-view 内容高度不足时的兜底处理
当 scroll-view 子内容总高度小于屏幕高，iOS 下拉会直接拖出空白。不能靠 JS 动态算高度——真机上视口高度不稳定。稳妥做法是让容器强制撑满可用区域：
- 给
scroll-view父容器设min-height: 100vh;
，并确保其父级（如.page）也设height: 100%;
- 若需兼容安全区，用：
min-height: calc(100vh - env(safe-area-inset-bottom));
- 禁止给
scroll-view设固定height（比如height: 500px），它会截断内容且无法触底滚动
最易忽略的是：多个配置要一起生效。只改 navigationStyle 不动 -webkit-overflow-scrolling，或者只调样式不关安全区偏移，问题依然存在。iOS 的滚动行为是叠加生效的，少一个环节，空白就回来。
