Ionic开发-如何在ion-content形成上下结构 上面固定下层可滚动

在一个系统设计中,一般有些需要固定位置,便利操作。现在我要做一个上下两层,需要固定上方,下方拉刷新数据。

页面:

<ion-content scroll="false">
    <div class="item item-divider" class="fixedTips">这是停车信息页面</div>
   <ion-scroll direction="y" class="parkScroll">
       <ion-list>
           <ion-item>
               hahhahaha
           </ion-item>
           <ion-item>
               hahhahaha
           </ion-item>
       </ion-list>
   </ion-scroll>
</ion-content>

 

css:

.fixedTips{
    height:50px;
}
.parkScroll{
    position: absolute;
    top:50px!important;
    bottom:0;
    left:0;
    right:0;
}

 

 

结果截图

 

posted @ 2017-03-02 12:58  liziyou  阅读(1958)  评论(0编辑  收藏  举报