uni——获取滑动距离

最新推荐文章于 2024-06-07 14:18:58 发布

耶啵奶膘

最新推荐文章于 2024-06-07 14:18:58 发布

阅读量2k

点赞数 2

分类专栏： uni、vue 文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/xulihua_75/article/details/128303305

版权

uni、vue 专栏收录该内容

135 篇文章 7 订阅

订阅专栏

代码

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