IOS：在Ionic 2上滚动时停止移动导航栏

Question

我的Ionic 2应用程序中有一个底部导航栏。

在IOS上，问题是当用户滚动此底部导航栏随滚动移动时，如果用户向上滚动，导航栏向上移动，如果用户向下滚动，则导航栏向下移动。但是，当滚动完成时，导航栏将转到其默认位置（底部0）。

这不是在Android上发生的。它完美运行，用户滚动，底部导航栏始终位于底部。

这是代码的一部分：

<section no-shadow padding class="mainItemsContainer">
  <ion-grid id="navbar-grid">
    <ion-row>
      <ion-col>
       blabla items here
      </ion-col>
    </ion-row>
  </ion-grid>
</section>

并且：

.mainItemsContainer {
    position: relative;
    padding-top: 2% !important;
    padding-bottom: 0.5% !important;

    ion-grid {
      position: fixed;
      bottom: 0;
      left: 0;
      padding-top: 3.3%;
      background-color: #FFF !important;

      ion-col {
        padding: 0 !important;
        position: relative;
        text-align: center;
      }
   }
}

提前感谢！