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

相关推荐
s9123601013 小时前
【Rust】使用lldb 调试core dump
前端·javascript·rust
前端开发呀3 小时前
🔥 99%由 Trae AI 开发的 React KeepAlive 组件,竟然如此优雅!✨
前端·trae
不是鱼3 小时前
Canvas学习笔记(一)
前端·javascript·canvas
我有一棵树3 小时前
React 中 useRef 和 useState 的使用场景区别
前端·javascript·react.js
喵个咪3 小时前
Qt6 QML 实现DateTimePicker组件
前端·qt
yinuo3 小时前
CSS奇技淫巧:用你意想不到的4种属性实现裁剪遮罩效果
前端
晓翔仔3 小时前
网络安全之Web入侵场景
前端·安全·web安全·网络安全·信息安全
想努力找到前端实习的呆呆鸟3 小时前
Uniapp如何下载图片到本地相册
前端·vue.js·微信小程序
fmk10234 小时前
Vue中的provide与inject
前端·javascript·vue.js
S***H2834 小时前
前端性能监控实践,用户体验优化心得
前端·ux