美文网首页
小程序-计算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