离子FabButton在iPhone上无法正常工作

Question

我将Ionic FabButton用于固定位置上的内容上的浮动按钮。我的代码是：-

<ion-fab bottom right class="fab-image" (tap)="nextStep()">
   <button ion-fab style="display: none;"></button>
   <img src="assets/icon/custom/green_arrow.png" alt="">
</ion-fab>

我的CSS fab-image如下：-

.fab-image{
  position: fixed !important;
  width: 62px;
}

现在它可以在Android上正常工作了：-

Click here to see how it's working on Android

在iPhone中，它的工作方式如下：

Click here to see how it working on iPhone

问题是iPhone上的故障。 fab按钮随着屏幕的移动而移动。有什么想法可以解决此问题吗？

Answer 1

我在IOS上遇到了同样的问题，晶圆厂没有固定，这是我的代码。

<ion-content>
    <!--other code-->

    <ion-fab class="centered-fab" bottom>
         <button  ion-button block round color="primary" (click)="onClick()">
          Click Me
         </button>
    </ion-fab>
</ion-content>

我移出

后，问题消失了

<ion-content>
    <!--other code-->
</ion-content>

<ion-fab class="centered-fab" bottom>
     <button  ion-button block round color="primary" (click)="onClick()">
      Click Me
     </button>
</ion-fab>