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

相关推荐
dorisrv9 小时前
优雅的React表单状态管理
前端
蓝瑟9 小时前
告别重复造轮子!业务组件多场景复用实战指南
前端·javascript·设计模式
dorisrv9 小时前
高性能的懒加载与无限滚动实现
前端
韭菜炒大葱9 小时前
别等了!用 Vue 3 让 AI 边想边说,字字蹦到你脸上
前端·vue.js·aigc
StarkCoder10 小时前
求求你,别在 Swift 协程开头写 guard let self = self 了!
前端
清妍_10 小时前
一文详解 Taro / 小程序 IntersectionObserver 参数
前端
电商API大数据接口开发Cris10 小时前
构建异步任务队列:高效批量化获取淘宝关键词搜索结果的实践
前端·数据挖掘·api
符方昊10 小时前
如何实现一个MCP服务器
前端
喝咖啡的女孩10 小时前
React useState 解读
前端
渴望成为python大神的前端小菜鸟10 小时前
浏览器及其他 面试题
前端·javascript·ajax·面试题·浏览器