<view class="box">
<view class="box-head"></view>
<scroll-view class="box-scroll flex-center"><view>scroll-view 撑满整个容器</view></scroll-view>
<view class="box-foot"></view>
</view>
.box {
display: flex;
flex-direction:column;
height:100vh;
overflow:hidden;
}
.box-head {
background-color: burlywood;
flex-shrink: 0;
height: 70px;
}
.box-foot {
background-color: cyan;
flex-shrink: 0;
height: 150rpx;
padding-bottom: env(safe-area-inset-bottom);
}
.box-scroll {
background-color: darkgoldenrod;
flex: 1;
height: 1px;
/**flex:1 高度依然不会自适应加一个默认高度1px就可以自适应了*/
}
iPhone 6 设备不支持该
请查看 算出scroll的高度.