scrollview适应剩余高度

page{

    width:100%;

    height:100%;

}

test.wxml

<view style=“display:flex;flex-direction:column;width:100%;height:100%”>

    <text id=“title” style=“width:100%;height:100rpx;flex:none”>test</text>

    <view id=“content” style="width:100%;flex:1 1 auto>

        <scrollview style=“height:100%”>

            <block wx:for=“{{array}}” wx:key=“*this”>

                    <!-- 此处是我的节点 –>

            </block>

        </scrollview>

    </view>

</view>

现在问题是根节点下面的内容id=title 和 id=content可以适配设备屏幕,就是id=content可以占满剩余的空间，但是这个scrollview的高度

却是里面元素的总和，按理100%应该是父节点的高度，这个要怎么解决？？？目前我是看到通过wx.getSystemInfo里面的屏幕宽高，然后运算之后，设置scroolview的高度，但这种方法操作起来不太好