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

相关推荐
决斗小饼干5 小时前
低代码平台工作流引擎设计:从状态机到智能流转的技术演进
前端·低代码·工作流引擎
豆苗学前端5 小时前
彻底讲透浏览器缓存机制,吊打面试官
前端·javascript·面试
米丘5 小时前
了解 window.history 和 window.location, 更好地掌握 vue-router、react-router单页面路由
前端
swipe5 小时前
箭头函数与 this 面试题深度解析:从原理到实战
前端·javascript·面试
星_离5 小时前
《Vue 自定义指令注册技巧:从手动到自动,效率翻倍》
前端·vue.js
狗头大军之江苏分军5 小时前
消耗 760万 Token 后,一文看懂了“小龙虾” OpenClaw 和 OpenCode 的区别
前端·后端
毛骗导演5 小时前
万字解析 OpenClaw 源码架构-安全与权限
前端·架构
哇哇哇哇6 小时前
vue3 ref解析
前端
哇哇哇哇6 小时前
vue3 reactive解析
前端
光影少年6 小时前
Vue的响应式原理?Vue2和Vue3有什么区别?
前端·vue.js·掘金·金石计划