在一个系统设计中,一般有些需要固定位置,便利操作。现在我要做一个上下两层,需要固定上方,下方拉刷新数据。
页面:
<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; }
结果截图