引入better-scroll,中间层不会动基本因为高度没有确定
<div class="box">
<div class="head">头部</div>
<div class="content flex">
<div class="content-info">
<div class="head">内部头部</div>
<div class="content"></div>
</div>
</div>
</div>
.box{
position:flex;
flex-direction:column;
width:100%;
height:100%;
}
.head{
width:100%;
height:45px;
}
.content{
flex:1;
position:relative;
}
.content-info{
position:absolute;
width:100%;
height:100%;
overflow:auto;
}
.flex{
display:flex;
flex-direction:column;
}