技术栈

uniapp获取当前页面高度

来啦来啦~2023-08-08 19:54
  • 设置动态高度: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的值。

上一篇:数学知识(二)
下一篇:JVM详情
相关推荐
骐骥1
15 小时前
鸿蒙开发使用DevTools工具调试ArkWeb组件中的前端页面
前端·harmonyos·调试·arkweb·纯鸿蒙
WHOVENLY
1 天前
【javaScript】- 笔试题合集(长期更新,建议收藏,目前已更新至31题)
开发语言·前端·javascript
指尖跳动的光
1 天前
将多次提交合并成一次提交
前端·javascript
程序员码歌
1 天前
短思考第263天,每天复盘10分钟,胜过盲目努力一整年
android·前端·后端
oden
1 天前
1 小时速通!手把手教你从零搭建 Astro 博客并上线
前端
若梦plus
1 天前
JS之类型化数组
前端·javascript
若梦plus
1 天前
Canvas 深入解析:从基础到实战
前端·javascript
若梦plus
1 天前
Canvas渲染原理与浏览器图形管线
前端·javascript
C_心欲无痕
1 天前
vue3 - 依赖注入(provide/inject)组件跨层级通信的优雅方案
前端·javascript·vue.js
热门推荐
01GitHub 镜像站点023D 圣诞树网页代码03从快手“12·22”直播攻击事件看:一次教科书式的业务层饱和攻击04UV安装并设置国内源05Gemini3 生成的基于手势控制3D粒子圣诞树06Linux下V2Ray安装配置指南07在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)08解决 WSL Ubuntu 中 /etc/resolv.conf 自动重置问题09开源分享 | 超浪漫 3D 圣诞树立体动画(附零基础使用教程)10GLM-4.7 vs MiniMax-M2.1:代码工程理解