精确计算微信小程序scrollview高度，全机型适配

众所周知，可以滑动的 scroll 组件在移动端非常的重要，几乎每个页面都要用到。

而小程序的 scroll-view 组件就比较坑了，非得指定一个高度才能正常使用。布局复杂的时候谁还给你算高度啊。。。

坑归坑，没办法，还是得用……既然官方要求必须传高度，那就想办法计算吧。

一、布局分析，推导公式

先给个示例图：

这是一个稍微复杂点的页面，最上面是两个 tab 标签，每个标签的页面是一个子组件。第二个子组件布局是上面一个标题，下面是 scroll-view 。

再画个解剖图吧……

页面分三部分，tab，title，scroll-view。不要忘了每个部分间还有 margin, 这里设置的是每个 margin 都是 10px。

所以要计算 scroll-view 的高度可以得出下面 公式：

scroll-view 的高度 =