美文网首页
小程序-计算scrollview高度

小程序-计算scrollview高度

作者: Ths | 来源:发表于2019-06-12 11:22 被阅读0次

小程序文档里说使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。

  1. 先通过选择匹配器获选项卡节点的高度 (注意获取的是px)
  2. 然后拿整个屏幕的高度去减就可以了
//计算 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()
  }
  1. 最后在wxml中也对应的写px
style="height:{{scrollHeight}}px"

相关文章

网友评论

      本文标题:小程序-计算scrollview高度

      本文链接:https://www.haomeiwen.com/subject/expkfctx.html