scroll-view 设置flex: 1; 高度如何不被撑开

<template>  
    <view class="home">  
        <liuyuno-tabs :tabData="list" :defaultIndex="defaultIndex" @tabClick='tabClick' />  
        <scroll-view  
            scroll-y="true"  
            class="scroll-Y"  
            @scrolltolower="lower"  
        >  
                     <view>内容内容</view>  
                         <view>内容内容</view>  
                         <view>内容内容</view>  
                         ...  
        </scroll-view>  
    </view>  
</template>  
<style scoped lang="scss">  
    .home {  
        display: flex;  
        flex-direction: column;  
        height: 100%;  
        background: #cdcdcd;  
    }  
    .scroll-Y {  
        flex: 1;  
    }  
</style>

因为scroll-view上还有一个tab 所以使用flex: 1 让scroll-view自动铺满剩下的高度 但当scroll-view里的内容过多时 scroll-view的高度会被撑开。 无法实现在区域内上下活动的效果
轻微各位大佬这种情况应该怎么布局才好