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

相关推荐
阿斌_bingyu7091 天前
uniapp实现android/IOS消息推送
android·ios·uni-app
花生Peadar1 天前
AI编程从入门到精通
前端·后端·代码规范
bug爱好者1 天前
vue3.x 使用vue3-tree-org实现组织架构图 + 自定义模版内容 - 附完整示例
前端·javascript·vue.js
flashlight_hi1 天前
LeetCode 分类刷题:1669. 合并两个链表
javascript·leetcode·链表
达达尼昂1 天前
🎯 Flutter 拖拽选择组件:flutter_drag_selector —— 像选文件一样选择列表项
前端·flutter
Keely402851 天前
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