javascript - 幻灯片内的 ionic ListView

Question

我有 ionic ion-slide-box，它包含 3 张幻灯片，每张幻灯片包含 ion-list(表格 View )，问题是每个列表项包含不同的元素数量，因此每个 ListView 的高度将与其他 ListView 不同，但是如果您滚动最短的列表元素，它会滚动空内容，因为它的兄弟列表元素比这个高。 please check this .

我怎样才能防止这种行为。

<ion-slide-box>
  <ion-slide>
    <ion-list>
      // LIST A: this list view contains ~1000 items so this is the talles 
    </ion-list>
  </<ion-slide>
  <ion-slide>
    <ion-list>
      // LIST B: this list view contains ~5 items so this is the shortest 
    </ion-list>
  </<ion-slide>
  <ion-slide>
    <ion-list>
      // LIST B: this list view contains ~400 items.
    </ion-list>
  </<ion-slide>
</ion-slide-box>

Answer 1

而不是使用 </ion-slide-box>尝试使用 ionic 选项卡 View 。