Question

我只有在使用iOS时才会遇到这个奇怪的问题（实际上还没有尝试Android，但是Windows工作正常）。

所以我正在使用带标签的Ionic2。其中2个选项卡基本上只显示我从API中提取的数据。当第一个标签加载时，我可以完全向上和向下滚动。我切换到下一个选项卡/视图，也可以加载和滚动。现在我尝试返回上一个选项卡，滚动似乎被冻结。虽然控制台显示完全没有错误，但我很快发现不仅这个滚动被冻结，而且它实际上滚动了我刚刚切换的标签（我通过切换回上一个标签并注意它滚动来看动量）。

我已经在我的模拟器的屏幕录制中捕获了这个问题：https://youtu.be/8yKSf9m10W4

再次，做“离子发球”时效果很好。问题仅存在于iOS上。

这是卡住的事件的代码（事件）

<ion-navbar *navbar>
  <ion-title>
    Events
  </ion-title>
</ion-navbar>
<ion-content padding class="events">
  <ion-list>
      <ion-item *ngFor="let event of events">
          <ion-card>
              <ion-card-content>
                 {{event.startDayWeek}}, {{event.startMonth}} {{event.startDay}}th, {{event.startYear}}
              </ion-card-content>
          </ion-card>
      </ion-item>
  </ion-list>
</ion-content>

以下是在后台滚动的Podcast视图。它几乎和另一个一样，只使用了离子音频插件。

<ion-navbar *navbar>
  <ion-title>podcast</ion-title>
</ion-navbar>

<ion-content padding class="podcast">
    <ion-list>
        <audio-track #audio *ngFor="let podcast of podcasts"  [track]="podcast" (onFinish)="onTrackFinished($event)">
          <ion-item>
            <ion-thumbnail item-left>
              <audio-track-play dark [audioTrack]="audio"><ion-spinner></ion-spinner></audio-track-play>
            </ion-thumbnail>
            <div item-content style="width:100%">
              <!-- <p><strong>{{podcast.title}}</strong> &#x26AC; <em>{{podcast.description}}</em></p> -->
              <audio-track-progress-bar duration progress [audioTrack]="audio"></audio-track-progress-bar>
              <em style="font-size:.5em">Track ID: {{audio.id}}</em>
            </div>
          </ion-item>
        </audio-track>
      </ion-list>
</ion-content>

非常感谢任何帮助！

Ionic2 ios - 尝试滚动一个视图滚动一个不同的视图

0 个答案: