当离开时，离子束中的离子导航棒滞后（ios） - 离子

Question

以下是该问题的视频：

正在粘贴的部分（TRESemme广告）为html提供此内容：

<ion-header #ionheader (swipeLeft)="toProfile()" (swipeRight)="toBooking()">
  <ion-navbar #clickme class="itemadspace" [@slideDown]="downState" no-padding>
    <ion-item class="ad" no-padding no-lines>
      <div (tap)="loadPost()" class='pluscontainer'>
        <ion-icon class='plussy' name="add"></ion-icon>
      </div>
    </ion-item>
  </ion-navbar>

...

以下是相关的css：

    .ad {
        background-image: url('../../assets/tresemme.png');
        background-repeat: no-repeat;
        background-size:cover;
        height: 100%;
        width: 100%;
        z-index: 1;
        position: fixed;
        top: 0;
        left: 0;
        text-align: center;
    }

    .itemadspace {
        z-index: 1;
        position: fixed;
        top: 0;
        left: 0;
        text-align: center;
    }

我在ion-item内放置一个ion-navbar因为这是我能够显示背景图像的唯一方法（它只是一个空白的白色背景）。我也遇到了这种方式嵌套，因为我无法显示黄色加号。如何使TRESemme广告部分与其他内容同时滑动？ All / Classes / Products工具栏的动画效果正确，它也位于ion-header内。感谢。