css下部固定，上部可变滚动区域

.root {

display: flex;

flex-direction: column;

background: slateblue;

width:100%;

height:100%;

}

.main{

width:100%;

background: orange;

position:absolute;

z-index:1;

top:0;

left:0;

bottom:100rpx;

}

.sview{

width:100%;

height: 100%;

}

.btn-area {

position: absolute;

left:0;

bottom:0;

z-index: 10;

width: 100%;

height: 100rpx;

display: flex;

}

 

 

=================================================

<!--pages/group_setting/index.wxml-->

<view class='root'>

<view class="main">

<scroll-view class="sview" scroll-y="true">

<item-text-nav id="group_name" img="../../images/group_s.png" title="团队名称" show_desc="{{true}}" desc="{{name}}" url="/pages/addCgi/addCgi" />

<item-text-nav id="group_desc" img="../../images/group_s.png" title="团队描述" show_desc="{{true}}" desc="{{description}}" url="/pages/addCgi/addCgi" />

<item-text-nav id="group_limit" img="../../images/group_s.png" title="人数限制" show_desc="{{true}}" desc="{{member_limit}}" url="/pages/addCgi/addCgi" />

<item-text-nav id="group_password" img="../../images/group_s.png" title="口令" show_desc="{{true}}" desc="{{password}}" url="/pages/addCgi/addCgi" />

<item-switch id="allow_join" img="../../images/group_s.png" title="允许新成员加入" bind:switchEvent="_switchAllowJoinEvent" bValue="{{allow_join}}" />

<item-text-nav id="group_timesection" img="../../images/group_s.png" title="设置时间段" show_desc="{{false}}" desc="" url="/pages/addCgi/addCgi" />

<item-text-nav id="group_edit" img="../../images/group_s.png" title="编辑排班表" show_desc="{{false}}" desc="" url="/pages/addCgi/addCgi" />

<headimglist id="headimglist" title="朋友列表"

bind:tapItemEvent="_tapItemEvent"

bind:addMemberEvent="_addMemberEvent"

bind:removeMemberEvent="_removeMemberEvent"/>

</scroll-view>

</view>

<view class="btn-area">

<button class='invite'open-type="share" >邀请加入</button>

<button class='dismiss'>解散团队</button>

</view>

</view>