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;
}

 

 

结果截图

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2026 CODEPRJ.COM