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

相关推荐
今晚吃什么呢?6 分钟前
前端面试题之CSS中的box属性
前端·css
我是大龄程序员9 分钟前
Babel工作理解
前端
《独白》19 分钟前
将图表和表格导出为PDF的功能
javascript·vue.js·ecmascript
CopyLower22 分钟前
提升 Web 性能:使用响应式图片优化体验
前端
南通DXZ24 分钟前
Win7下安装高版本node.js 16.3.0 以及webpack插件的构建
前端·webpack·node.js
什码情况24 分钟前
微服务集成测试 -华为OD机试真题(A卷、JavaScript)
javascript·数据结构·算法·华为od·机试
你的人类朋友1 小时前
浅谈Object.prototype.hasOwnProperty.call(a, b)
javascript·后端·node.js
Mintopia1 小时前
深入理解 Three.js 中的 Mesh:构建 3D 世界的基石
前端·javascript·three.js
打瞌睡de喵1 小时前
JavaScript 空对象检测
javascript
前端太佬1 小时前
暂时性死区(Temporal Dead Zone, TDZ)
前端·javascript·node.js