不知道有沒有小伙伴和我一樣遇到這樣的情況：
在四個tab下面，還需要個div固定在上面。
網(wǎng)頁上怎么測試都沒有問題兜粘，但是真機測試的時候，我的div雖然fixed在最上面弯蚜，還是會隨著內(nèi)容的滾動而滾動孔轴。總之碎捺，問題很多路鹰。
解決方式如下：
<ion-content scroll="false">
<div class="a a a">
<span>
<ion-icon [ngClass]="{'selected': isClick}"></ion-icon>
</span>
<span>
<ion-icon [ngClass]="{'selected': !isClick}"></ion-icon>
</span>
</div>
<ion-scroll class="b b b" direction="y">
<ion-card *ngFor="let item of Cards">
...
</ion-card>
</ion-scroll>
</ion-content>
.a a a{
height:6rem;
...
}
.b b b{
position: absolute;
top: 6rem !important;
...
.scroll-content{
overflow-y: scroll;
}
}
.scroll-content這個根據(jù)需要，我這里需要這么的
【重點來了】
- ion-content 需要 scroll="false"收厨。
- 固定的區(qū)域 需要 有一個高度晋柱。
- 滾動的區(qū)域 需要 <ion-scroll></ion-scroll>，設(shè)置固定定位诵叁，top是固定區(qū)域的高度雁竞。
OK，以上就可以完美解決黎休，已在真機測試過浓领，no problem～
