在uniapp中scroll view 需要给固定高度,根据不同手机高度不一样,scroll view高度不相同,uniapp中不能进行dom操作,如何让scroll view适应不同手机高度,计算好高度如何给scroll view 设置高度呢
通过uni.getSystemInfoSync()获取窗口宽度和高度动态设置 scroll-view 高度 :style动态绑定height高度
打印uni.getSystemInfoSync()

这里获得的高度是物理高度px 如何转成rpx
在cumputed计算属性设置
computed:{
scrollH:function(){
let sys = uni.getSystemInfoSync();
let winWidth = sys.windowWidth;
let winrate = 750/winWidth;
let winHeight =parseInt(sys.windowHeight*winrate)
return winHeight
}
}
<scroll-view scroll-y="true" @scrolltolower="lower()" :style="{height:scrollH+'rpx'}">
// 内容
</scroll-view>
:style="{height:scrollH+'rpx'}"
这样就解决了这个问题~
本文介绍如何在UniApp中使用uni.getSystemInfoSync()获取设备信息,通过计算窗口尺寸比例设置ScrollView的高度,实现自适应不同手机屏幕。关键在于使用计算属性设置scroll-view的高度为rpx单位。
2025





