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-2025 CODEPRJ.COM