scroll-view视差滚动失效因未设scroll-y="true"且父容器高度不固定；推荐用onPageScroll实现详情页视差，需配置disableScroll:false并节流处理；位移应限幅并避免transition，安卓闪屏需加translateZ(0)和will-change。
uni-app里用scroll-view做视差滚动为什么不动？
因为scroll-view默认禁用原生滚动（enable-flex和scroll-y开了也不够），且不触发bindscroll事件——除非显式设scroll-y="true"并绑定bindscroll，否则连滚动距离都拿不到，更别说计算视差了。
常见错误现象：bindscroll完全不触发、scrollTop始终为0、页面卡顿或跳动。
- 必须加
scroll-y="true"，且父容器有固定高度（不能靠内容撑开） - 别在
scroll-view上直接写style="height: 100vh"——uni-app里vh在部分安卓WebView中失效，建议用height: calc(100vh - 100px)这类确定值 - iOS真机需加
enhanced="true"启用增强模式，否则bindscroll延迟高、抖动明显
onPageScroll比bindscroll更适合详情页？
是的。商品详情页通常整个页面滚动（非局部区域），用页面级滚动钩子更稳——onPageScroll在pages.json里配"disableScroll": false后自动生效，不依赖scroll-view嵌套，兼容性更好，且能拿到真实滚动位置。
但要注意：它只在页面根滚动时触发，如果你把详情页包在tabBar或subNVue里，可能收不到事件。
- 在
pages.json对应页面配置中确保没写"disableScroll": true -
onPageScroll回调参数是{ scrollTop }，单位是px，不是rpx - Android低端机上
onPageScroll可能丢帧，建议用throttle节流（比如30ms一次），别直接绑transform
视差位移怎么算才不晕？
视差本质是“背景动得慢、前景动得快”，但商品详情页常见错误是把图片transform: translateY按scrollTop * 0.5硬算，结果一滑就飘、回弹抽搐。
关键不是倍数，而是锚点和缓动节奏——头图应固定在顶部不动（position: sticky在uni-app里不支持，得用translateY模拟），下方商品信息再逐层错开。
- 头图推荐用
scrollTop控制opacity和scale，而不是位移，人眼对缩放+透明变化更耐受 - 如果真要位移，用
Math.min(scrollTop * 0.3, 80)限幅，避免拉得太远失焦 - 别用
transition: transform 0.1s——滚动中加CSS过渡会卡顿，改用will-change: transform提前提示渲染引擎
安卓WebView里transform闪屏怎么办？
这是老问题：安卓4.4–7.x的WebView对transform重绘优化差，尤其配合opacity或scale时，会出现白块、闪烁甚至整层消失。
根本解法不是换动画库，而是绕过渲染管线缺陷：强制开启硬件加速 + 避免复合属性联动。
- 给动效元素加
style="transform: translateZ(0); will-change: transform;" - 别在一个
view上同时改transform和opacity，拆成两个嵌套view分别控制 - 真机调试时关掉
debug模式——HBuilderX的vConsole浮层会干扰WebView合成，导致闪屏加剧
复杂点在于，同一套代码在微信小程序、App、H5三端表现差异极大：H5端可放心用IntersectionObserver懒加载+视差，但App端还得回退到onPageScroll手动算。别指望一次写完全端一致，得按端条件编译处理。
