//调用uni-app接口获取屏幕高度

最新推荐文章于 2025-06-23 15:26:32 发布

原创最新推荐文章于 2025-06-23 15:26:32 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

文章介绍了如何在uni-app应用中使用uni.getSystemInfo接口获取屏幕高度，并通过querySelectorQuery方法计算特定元素（.scroll-Y）相对于窗口顶部的高度，以便调整导航栏高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

		uni.getSystemInfo({
			//调用uni-app接口获取屏幕高度
			success(res) {
				//成功回调函数
				that._data.pH = res.windowHeight; //windoHeight为窗口高度，主要使用的是这个
				let titleH = uni.createSelectorQuery().select('.scroll-Y'); //想要获取高度的元素名（class/id）
				titleH
					.boundingClientRect(data => {
						let pH = that._data.pH;
						that._data.navHeight = pH - data.top; //计算高度：元素高度=窗口高度-元素距离顶部的距离（data.top）
					})
					.exec();
			}
		});