【文件属性】：
文件名称：精确计算微信小程序scrollview高度，全机型适配
文件大小：305KB
文件格式：PDF
更新时间：2021-03-29 17:29:15
精确,计算,微信,小,程序,scrollview,高度,,,
众所周知，可以滑动的 scroll 组件在移动端非常的重要，几乎每个页面都要用到。
而小程序的 scroll-view 组件就比较坑了，非得指定一个高度才能正常使用。布局复杂的时候谁还给你算高度啊。。。
坑归坑，没办法，还是得用……既然官方要求必须传高度，那就想办法计算吧。
一、布局分析，推导公式
先给个示例图：
(此图片来源于网络，如有侵权，请联系删除! )
这是一个稍微复杂点的页面，最上面是两个 tab 标签，每个标签的页面是一个子组件。第二个子组件布局是上面一个标题，下面是 scroll-view 。
再画个解剖图吧……
(此图片来源于网络，如有侵权，请联系删除! )
页面分三部分，ta