html
<view class="container">
<view class="header"></view>
<view class="content">
<scroll-view scroll-y="true">
<view></view>
</scroll-view>
</view>
<view class="footer"></view>
</view>
css
.container{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
.header{
width: 100%;
height: 96rpx;
}
.content{
flex: 1;
box-sizing: border-box;
overflow-y: hidden;
scroll-view{
height: 100%;
}
}
.footer{
width: 100%;
height: 96rpx;
}
}