小程序-计算scrollview高度
作者:
Ths | 来源:发表于
2019-06-12 11:22 被阅读0次小程序文档里说使用竖向滚动时,需要给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"
本文标题:小程序-计算scrollview高度
本文链接:https://www.haomeiwen.com/subject/expkfctx.html
网友评论