uniapp获取当前页面高度

  • 设置动态高度:style="{height: pageHeight+'px'}"
c 复制代码
<view class="uni-content" :style="{height: pageHeight+'px'}" >
		...
</view>
  • 获取当前页面高度:
c 复制代码
onLoad() {
			// 获取当前窗口高度
			this.pageHeight = uni.getSystemInfoSync().windowHeight;
					
			// 监听窗口大小的变化
			uni.onWindowResize((res) => {
			  this.pageHeight = res.size.windowHeight;
			});
		},

【注】:盒子有padding的话,记得在后面减去padding的值。

相关推荐
Mike_jia20 分钟前
Memos:知识工作者的理想开源笔记系统
前端
前端大白话20 分钟前
前端崩溃瞬间救星!10 个 JavaScript 实战技巧大揭秘
前端·javascript
loveoobaby21 分钟前
Shadertoy着色器移植到Three.js经验总结
前端
蓝易云24 分钟前
在Linux、CentOS7中设置shell脚本开机自启动服务
前端·后端·centos
浩龙不eMo25 分钟前
前端获取环境变量方式区分(Vite)
前端·vite
一千柯橘31 分钟前
Nestjs 解决 request entity too large
javascript·后端
土豆骑士35 分钟前
monorepo 实战练习
前端
土豆骑士37 分钟前
monorepo最佳实践
前端
见青..38 分钟前
【学习笔记】文件包含漏洞--本地远程包含、伪协议、加密编码
前端·笔记·学习·web安全·文件包含
举个栗子dhy1 小时前
如何处理动态地址栏参数,以及Object.entries() 、Object.fromEntries()和URLSearchParams.entries()使用
javascript