logo标签列表

Ionic幻灯片中的列表视图

javascriptcsslistscrollionic-framework
3
我有一个ionic的ion-slide-box，其中包含3个幻灯片，每个幻灯片都包含ion-list（表视图），问题是每个列表项包含不同数量的项目，因此每个列表视图的高度将与其他视图不同，但如果您滚动最短的列表项，则会滚动空内容，因为其兄弟列表项比这个更高。请查看这里。

我该如何防止这种行为？

<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>
1个回答
2

不要使用 </ion-slide-box>，尝试使用Ionic选项卡视图。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接