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

相关推荐
阿斌_bingyu7094 分钟前
uniapp实现android/IOS消息推送
android·ios·uni-app
花生Peadar11 分钟前
AI编程从入门到精通
前端·后端·代码规范
bug爱好者12 分钟前
vue3.x 使用vue3-tree-org实现组织架构图 + 自定义模版内容 - 附完整示例
前端·javascript·vue.js
flashlight_hi19 分钟前
LeetCode 分类刷题:1669. 合并两个链表
javascript·leetcode·链表
达达尼昂22 分钟前
🎯 Flutter 拖拽选择组件:flutter_drag_selector —— 像选文件一样选择列表项
前端·flutter
Keely4028541 分钟前
Claude 配置使用墨刀MCP(modao-proto-mcp)
前端·aigc·claude
少卿1 小时前
从零构建 React Native 导航体系-React Navigation
前端·react native
Wect1 小时前
学习React-DnD:实现 TodoList 简单拖拽功能
前端·react.js
前端小书生1 小时前
Google Map、Solar Api
前端·react.js·google
毕设十刻1 小时前
基于Vue的售票系统开发3g480(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js