小程序
小游戏
企业微信
微信支付
扫描小程序码分享
微信小程序如何实现页面上滑距离大于0时，自定义的顶部导航栏背景变成白色？？？哪位大神可以提供代码？？
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
监听页面滚动时，举个例子，这里取顶部dom元素 类名为banner的，试一下（）
onPageScroll: function () {
wx.createSelectorQuery().select('.banner').boundingClientRect(function (rect) {
if (rect.top <= 0) {
wx.setNavigationBarColor({
frontColor: '#000000',
backgroundColor: '#ffffff'
})
} else {
}
}).exec()
},
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
https://developers.weixin.qq.com/miniprogram/dev/framework/view/animation.html
里面有个滚动驱动动画，很适合你这个
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
监听页面滚动时，举个例子，这里取顶部dom元素 类名为banner的，试一下（）
onPageScroll: function () {
wx.createSelectorQuery().select('.banner').boundingClientRect(function (rect) {
if (rect.top <= 0) {
wx.setNavigationBarColor({
frontColor: '#000000',
backgroundColor: '#ffffff'
})
} else {
}
}).exec()
},
https://developers.weixin.qq.com/miniprogram/dev/framework/view/animation.html
里面有个滚动驱动动画，很适合你这个