onPageScroll拿不到scrollTop最常见原因是pages.json中该页面配置了"disableScroll":true或未显式设为false，需明确配置为false；视差效果需限幅+缓动，避免裸乘导致飘移；scroll-view需显式设置scroll-y、确定高度及iOS启用enhanced。
onPageScroll 拿不到 scrollTop？检查 pages.json 是否禁用了滚动
uni-app 商品详情页的分层视差导航（比如搜索框渐显、分类入口淡入、Logo 缩放）必须依赖真实的页面滚动位置，而 onPageScroll 是唯一能稳定拿到全局 scrollTop 的钩子。但很多人发现回调压根不触发——最常见原因是 pages.json 里该页面配置了 "disableScroll": true，或者漏写了 "disableScroll": false（默认值其实是 true）。iOS 和 H5 环境下尤其敏感。
必须显式配成：
{
"path": "pages/detail/detail",
"style": {
"disableScroll": false
}
}另外注意：onPageScroll 只在页面根容器滚动时生效。如果你把详情页嵌在 tabBar、subNVue 或自定义容器里，事件会被拦截，得换用 scroll-view + bindscroll，但那就不是“淘宝式”原生滚动体验了。
视差元素位移/缩放计算容易飘？别直接乘系数，要限幅+缓动
淘宝导航栏的分层响应不是线性映射：滚动 0–50px 时搜索框只模糊透明，100px 后才变实色；Logo 在 50px 处开始缩小，到 100px 缩完 20%，之后就固定不动。硬写 transform: translateY(${scrollTop * 0.3}px) 会导致一滑就飞、回弹抽搐。
- 每个元素的视差逻辑必须单独设阈值区间，例如 Logo 缩放只在
scrollTop∈ [50, 100] 时变化，超出即 clamp 到边界值 - 用
Math.min(Math.max(...))代替裸乘，避免负位移或无限放大 - 安卓低端机上直接绑
transform容易闪屏，得加translateZ(0)和will-change: transform - 滚动抖动明显时，对
onPageScroll做节流（如 30ms 一次），别每帧都更新 DOM
scroll-view 里做视差？先确认它是否真在滚动
如果非要用 scroll-view（比如详情页局部区域滚动），那 bindscroll 不触发、scrollTop 始终为 0 就是典型配置错误。它不像原生页面滚动那么“自动”，必须手动开闸：
-
scroll-y="true"必须显式写，不能靠 CSS 或父容器推导 - 父容器高度必须是确定值（如
height: calc(100vh - 98px)），不能是height: 100vh（部分安卓 WebView 不认） - iOS 真机需加
enhanced="true"，否则bindscroll延迟高、丢帧严重 - 别在
scroll-view上直接写内联style="height: 100vh"，uni-app 里这个值在不同平台解析不稳定
品牌 Logo 始终可见？用视觉锚点逻辑，不是固定定位
淘宝导航栏的“视觉锚点”策略是：哪怕滚动到顶部，也至少保留一个品牌元素（通常是天猫 Logo）可见。这不等于给 Logo 加 position: fixed——那样会破坏分层节奏。正确做法是让 Logo 的 opacity 和 scale 变化曲线更平缓，且下限不为 0。
例如：
const logoOpacity = Math.max(0.3, 1 - scrollTop / 200); const logoScale = Math.max(0.8, 1 - scrollTop * 0.002);
关键点在于：所有分层元素的响应曲线要有重叠区和缓冲带，不能一个突显、一个突隐。搜索框从透明到实色的过程，要和分类入口的淡入、Logo 的缩放严格对齐时间轴——否则用户会感觉导航栏“散架”了。
