微信小程序-动态获取view高度

微信小程序-动态获取view高度,第1张

因为对小程序父标返厅签和子标签的布局还不是特别了解,不像ios,父标签固定,子标签通过mansory去布局距离父的底部多少即可。小程序的我能想到的就是动态算出每一个标签的高度,然后总高度减掉就是想得到的子标签的高度了。如果有哪位大神可以指导一二,感激不尽~~~

<view id='viewID'>

<view id="scriptID">

        var query = wx.createSelectorQuery()

 纤悄       //选择id

        query.select('#numID').boundingClientRect()

        query.select('#scriptID').boundingClientRect()

        query.exec(function (res) {

          //res就是 所有标签为mjltest的元素的信息 的数组

          console.log('所有:',res)

          /毁世渣/取高度

          that.setData({

            storyHeight:that.data.detailHeight -(res[0].height+res[1].height)

          })

        })

由于不同设备高度不同,所以box部分的高度需要是动态的;

有两种处理方式:

可以看到预览完全没问题,接下来往里面放一个滚动视图scroll-view,设置为可以垂直滚动,高度设置为100%样式

我发现一个tip,其实只要给外围的box一个高度即可,随便一个高度,李乎因为设置了flex拉伸级腊扰绝别,这个高度不影响拉伸;在H5中是没意义的,但是轮姿这里可以解决问题;


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/8212081.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存