技术栈

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详情
相关推荐
youyu-youyu
5 分钟前
h5 签名 vue
javascript·vue.js·ecmascript
Apifox
10 分钟前
如何通过抓包工具快速生成 Apifox 接口文档?
前端·后端·测试
没事多睡觉666
12 分钟前
JavaScript 中 this 指向教程
开发语言·前端·javascript
苏打水com
12 分钟前
浏览器与HTTP核心考点全解析(字节高频)
前端·http
用户9904501778009
12 分钟前
ruoyi集成camunda-前端篇
前端
Aerelin
15 分钟前
scrapy的介绍与使用
前端·爬虫·python·scrapy·js
BD_Marathon
16 分钟前
【JavaWeb】前端三大件——HTML简介
前端·html
asdfg1258963
20 分钟前
replace(/,/g, ‘‘);/\B(?=(\d{3})+(?!\d))/;千分位分隔
开发语言·前端·javascript
W***D455
23 分钟前
nodejs链接redis
javascript·redis·bootstrap
梦650
29 分钟前
VUE树形表格组件如何自定义展开箭头以及箭头位置
javascript·vue.js·elementui
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)04BongoCat - 跨平台键盘猫动画工具05本地部署阿里最新开源的Z-Image06Linux下V2Ray安装配置指南07Meta第三代“分割一切”模型——SAM 3本地部署教程:首支持文本提示分割,400万概念、30毫秒响应,检测分割追踪一网打尽08【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连09Labelme从安装到标注:零基础完整指南10【超详细教程】手把手教你从微软官网免费下载Windows 10官方原版ISO镜像(2025最新版)