uniapp 页面滚动获取元素高度

最新推荐文章于 2025-01-06 14:52:32 发布

原创最新推荐文章于 2025-01-06 14:52:32 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #javascript #前端

该代码段是用于处理页面滚动事件的。它选择类名为.entity-box的元素，获取其布局信息，然后判断该元素的顶部位置是否小于等于0。如果小于等于0，表示元素已经滚动到屏幕上方，此时设置变量showUpFlex为false；否则，设置showUpFlex为true，可能用于控制底部栏的显示状态。

onPageScroll() {
	let _this = this;
	let info = uni.createSelectorQuery().select(".entity-box");
	info.boundingClientRect(function(data) { //data - 各种参数
	// console.log(data) // 获取元素宽度
	// 下面的容器露出相应的结算栏就置于底部
		if (data.top <= 0) {
			_this.showUpFlex = false;
		} else {
			_this.showUpFlex = true;
		}
	}).exec()
}