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的值。

相关推荐
来一首_We_go2 分钟前
React Flow Pro 高级交互实现
前端·react.js
weedsfly7 分钟前
React 不可变数据:为什么页面“明明数据变了却不更新
前端·javascript·react.js
行者全栈架构师12 分钟前
【共创稿事节】双引擎智能相册:HarmonyOS 7(API 26)文搜图 × 图像超分端侧 AI 联动实战
前端·算法·架构
chromoany14 分钟前
agent 写的 README 为什么装不上:一条“没有出处就删掉”的规则
前端
deli00714 分钟前
商品条形码最后一位怎么来的?Code128 校验位实测
前端
Gizzap_Tech20 分钟前
双语内容审阅台怎么做?用内容指纹保留核验记录
javascript
小蒜学长26 分钟前
基于SpingBoot+Vue的定向越野赛事管理系统的设计与开发(代码+数据库+LW)
java·前端·spring boot·后端·前后端分离·定向越野赛事
nyaomaru26 分钟前
is-kit 达成 100 Stars ⭐🎉 从 50 到 100,发生了什么?
前端·typescript
陈随易1 小时前
副业搞钱点子之 Umami 统计如何赚钱
前端·后端·程序员
美狐美颜sdk1 小时前
直播APP开发中的视频帧处理:美颜SDK接入需要注意哪些细节?
大数据·前端·人工智能·音视频·美颜sdk