UI给了新要求,顶部使用自定义导航,代码根据用户滑动颜色直接上传到wxml:js:onLoad()function(options){//获取导航栏胶囊信息,具体参数参考微信文档//https://developers.weixin.qq.com/miniprogram/dev/api/ui/menu/wx.getMenuButtonBoundingClientRect.htmlthis.setData({MenuButtonLocation:wx.getMenuButtonBoundingClientRect()})},onPageScroll:function(e){letopacity=this.data.opacity//当我的高度是250的时候,逐渐变成了纯色。具体值取决于业务需求if(e.scrollTop<=250){opacity=e.scrollTop/250}else{opacity=1}//这里防止opacity==1时频繁交互if(this.data.opacity!==opacity){this.setData({opacity,})}}这个效果基本实现了,希望有用