Ionic 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 fir这个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 上遇到了同样的问题，fab 没有修复，这是我的代码。

<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>

Ionic FabButton 在 iPhone 上无法正常工作

Ionic FabButton not properly working on iPhone

ionic-framework

floating-action-button

ionic-native