在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'}"
这样就解决了这个问题~