代码
onPageScroll() {
let view = uni.createSelectorQuery().in(this).select(".tabs");
view.boundingClientRect(data => {
// console.log("得到布局位置信息" + JSON.stringify(data));
console.log("节点离页面顶部的距离为" + data.top);
if(data.top>0&&data.top<50){
this.opacityCss = 'opacity:0';
}else if(data.top>50&&data.top<100){
this.opacityCss = 'opacity:0.1';
}else if(data.top>100&&data.top<150){
this.opacityCss = 'opacity:0.2';
}else if(data.top>150&&data.top<200){
this.opacityCss = 'opacity:0.3';
}else if(data.top>200&&data.top<250){
this.opacityCss = 'opacity:0.4';
}else if(data.top>250&&data.top<300){
this.opacityCss = 'opacity:0.5';
}else if(data.top>=300){
this.opacityCss = 'opacity:1';
}
}).exec();
},