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

相关推荐
骐骥14 小时前
鸿蒙开发使用DevTools工具调试ArkWeb组件中的前端页面
前端·harmonyos·调试·arkweb·纯鸿蒙
WHOVENLY12 小时前
【javaScript】- 笔试题合集(长期更新,建议收藏,目前已更新至31题)
开发语言·前端·javascript
指尖跳动的光12 小时前
将多次提交合并成一次提交
前端·javascript
程序员码歌12 小时前
短思考第263天,每天复盘10分钟,胜过盲目努力一整年
android·前端·后端
oden12 小时前
1 小时速通!手把手教你从零搭建 Astro 博客并上线
前端
若梦plus12 小时前
JS之类型化数组
前端·javascript
若梦plus12 小时前
Canvas 深入解析:从基础到实战
前端·javascript
若梦plus12 小时前
Canvas渲染原理与浏览器图形管线
前端·javascript
C_心欲无痕12 小时前
vue3 - 依赖注入(provide/inject)组件跨层级通信的优雅方案
前端·javascript·vue.js