uni——获取滑动距离

代码

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();
},