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

相关推荐
用户298698530145 分钟前
在 React 中实现 RTF 与 PDF、HTML 的文档转换实践
javascript·react.js·html
咖啡无伴侣6 分钟前
3. 从零搭建企业级 Monorepo 工程化模板:集成 Husky 9 + lint-staged
前端·架构
MetaLite13 分钟前
Java通用枚举驱动下拉框-元数据接口与前端契约
java·前端·状态模式
Json____15 分钟前
基于 Node + Vue3 的选课管理系统:从教务业务到全栈实践
前端·node·毕设·wwwoop.com
创新技术阁18 分钟前
FastapiAdmin 定时任务实现原理与新建任务实操指南
前端·后端·fastapi
3A Cloud21 分钟前
Huashu Design:把 AI Agent 变成一间以 HTML 为画布的设计工作室
前端·人工智能·html
你别说话了24 分钟前
Webpack 如何迁移重构到 Vite
前端·webpack·重构
catastrophe_zy26 分钟前
如何用 WebCodecs 在浏览器里实现高清录屏 —— 无插件、无水印、直接导出 MP4
前端·javascript·录屏
芳心粽伙饭30 分钟前
HTML第七章 表格标签
前端·html
我就是DaLing呀!30 分钟前
vue3 + 独立的数据管理 Store实现视频剪辑功能
前端·typescript·vue3·canvas·store