小程序文档里说使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。
- 先通过选择匹配器获选项卡节点的高度 (注意获取的是px)
- 然后拿整个屏幕的高度去减就可以了
//计算 scroll-view 的高度
computeScrollViewHeight() {
let that = this
let query = wx.createSelectorQuery().in(this)
query.select('.picker-container').boundingClientRect(function (res) {
//得到选项卡的高度
let titleHeight = res.height
//scroll-view的高度 = 屏幕高度- CustomBar - titleHeight
//获取屏幕可用高度
let screenHeight = wx.getSystemInfoSync().windowHeight
//计算 scroll-view 的高度
let scrollHeight = screenHeight - titleHeight - that.data.CustomBar
console.log(scrollHeight)
that.setData({
scrollHeight: scrollHeight
})
}).exec()
}
- 最后在wxml中也对应的写px
style="height:{{scrollHeight}}px"
网友评论