当选择标题或选项卡区域时,上/下滚动选项卡页面时,我的应用程序显示白色区域。
当您向下滚动时,它会显示白色背景;当您向上滚动时,白色空间将移动到选项卡按钮区域的顶部。我提供了显示问题的Gif图像。
此问题仅在iOS上存在,android可以正常工作。
标签页(html)如下:
<div id="bgFab" *ngIf="showBgFab == 1" (click)="closeFab(fab);"></div>
<ion-fab center bottom class="pokeballfab" *ngIf="hidePokeball === 0" #fab>
<button ion-fab class="pokeball" (click)="openFab(fab);" ></button>
<ion-fab-list side="top">
<button ion-fab (click)="openPage('SettingsPage', fab)"><ion-icon name="settings"></ion-icon></button>
<button ion-fab (click)="openPage('FriendsPage', fab)"><ion-icon name="people"></ion-icon></button>
<!-- <button ion-fab><ion-icon name="person"></ion-icon></button> -->
</ion-fab-list>
</ion-fab>
<ion-tabs #homeTabs color="primary" no-bounce>
<ion-tab [root]="tab1Root" tabTitle="Map" tabIcon="map"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="Friends" tabIcon="people"></ion-tab>
<ion-tab></ion-tab>
<ion-tab [root]="tab3Root" tabTitle="Community" tabIcon="planet"></ion-tab>
<ion-tab [root]="tab4Root" tabTitle="News" tabIcon="paper"></ion-tab>
</ion-tabs>
如果已经尝试了这些CSS设置(在app.css中),但没有结果:
ion-tabs, ion-app, ion-nav, body, html, .ion-page, .nav-decor, .app-root {
height: 100vh;
overflow: hidden;
}
我还尝试了如果我移除ion-fab和bgFab div是否可以解决问题,但没有解决。
我希望有人能指出我正确的方向或遇到类似的问题。
答案 0 :(得分:0)
感谢@melancia,他发布了一个链接,使我可以正确定位。
删除cordova Webview插件并重新安装最新版本可以解决此问题。花了我大约5个小时,我很高兴:D。
ionic cordova plugin rm cordova-plugin-ionic-webview
ionic cordova plugin add cordova-plugin-ionic-webview@latest