uni-app原生导航栏不支持动态透明度，因navigationBarBackgroundColor仅接受十六进制颜色或"transparent"，不识别rgba或CSS变量；真机失效主因是传入非法值；可行方案为启用custom导航栏，通过onPageScroll监听滚动并用rgba动态计算背景色。
uni-app 原生导航栏不支持动态设置透明度——navigationBarBackgroundColor 只接受十六进制颜色（如 "#ffffff"）或 "transparent" 字符串，不能传入 rgba(255,255,255,0.5) 或 CSS 变量，更无法在滚动中实时更新。
为什么 navigationBarBackgroundColor 设 rgba 会失败
原生导航栏的背景色由系统原生控件渲染，底层不支持带 alpha 通道的 color 值。你传 "rgba(255,255,255,0.3)" 过去，iOS/Android 都会静默忽略，回退为默认灰白；传 "transparent" 虽能生效，但它是布尔式开关（全透 or 全不透），不是渐变控制点。
- 真机调试时看到“没变化”，大概率是传了非法值，而非样式未触发
- 小程序端甚至不识别
"transparent"，只接受#rrggbb格式 - App 端设
"transparent"后，状态栏文字颜色不会自动适配，需额外调uni.setStatusBarStyle
真正可行的动态透明方案只有 custom 导航栏
必须在 pages.json 中对目标页面启用："navigationStyle": "custom"，并配合 "titleNView": false（App 端），彻底放弃原生导航栏，改用 <view> 手写一个 fixed 定位的导航容器。
- 滚动监听靠
onPageScroll，不是onReachBottom或scroll-view的bindscroll - 透明度计算用线性插值：
const navOpacity = Math.min(1, scrollTop / fadeRange)，fadeRange建议设 80～120 - 绑定到自定义导航栏的
style上：:style="{ backgroundColor: `rgba(255,255,255,${navOpacity})` }" - 避免直接设
opacity属性——会导致文字发虚、iOS 阴影错位
custom 导航栏里 status bar 高度怎么取才稳
别用 uni.getSystemInfoSync().statusBarHeight，它在 onLoad 阶段常返回 0，且 Android 全面屏下值不可靠。
- CSS 层优先用
var(--status-bar-height)：这是 uni-app 在 App 端注入的运行时变量，已适配刘海/挖孔 - 导航栏容器高度写成
height: calc(var(--status-bar-height) + 44px) - JS 中需读取时，等
onReady后调getComputedStyle(document.documentElement).getPropertyValue('--status-bar-height') - 微信小程序不支持该变量，要用
#ifdef MP-WEIXIN条件编译绕过
最易被忽略的是：custom 模式下，onPageScroll 的 scrollTop 在 iOS 微信里可能不触发，除非页面根节点是原生滚动容器（即没包 <scroll-view>）。如果用了 <scroll-view>，必须手动监听其 bindscroll 并提取 scrollTop，且要自己节流——否则滑动一卡一卡的。
