1.这里使用了自定义导航,然后通过监听动态来改变background的rgba透明值达到效果
2.滚动监听setData是一件很消耗性能的问题,在这里使用了事件节流,及判断了scrollTop
最终特效
代码片段:https://developers.weixin.qq.com/s/KyKkpmmb7hhi
时间紧迫前期只做了动态实现顶部导航渐变,后面会完善动态锚点及锚点监听
原理也很简单 依据 <scroll-view scroll-into-view="{{toView}}" scroll-with-animation="true" scroll-y="true">
既可以实现
IOS上测试不灵敏,导致效果出不来,用电脑测试的时候看着效果挺好的