直接js:
onPageScroll:function(e){
var opacity = 0
if(e.scrollTop <= 160){
opacity = e.scrollTop / 160
}else{
opacity = 1
}
var str = "rgba(0,0,0,"+ opacity +")"
this.setData({
background:str
})
},
注释:160是滚动的最大距离,看个人需求随意改动(滑动距离超过160位置时,背景色最深即透明度达到1),需沉浸式自定义头部。