不同幻灯片中的不同列表同时滚动

【问题标题】：Different Lists in different slides scroll at same time不同幻灯片中的不同列表同时滚动
【发布时间】：2020-06-15 18:27:36
【问题描述】：

我有两张离子幻灯片，每张都包含一个常规列表。我的问题是每次我滚动其中一个时，另一个同时滚动。

有没有办法让每个列表单独滚动？

我的代码有点像这样：

 <ion-content>
  <ion-slides>
   <ion-slide>
    <ion-list>
    ...
    </ion-list>
   </ion-slide>
   <ion-slide>
    <ion-list>
    ...
    </ion-list>
   </ion-slide>
  </ion-slides>
 </ion-content>

【问题讨论】：

标签： ionic-framework ionic4 vertical-scrolling ion-slides ion-list

【解决方案1】：

想通了。

我这样做是为了让离子内容在幻灯片内，这样我就可以将我的离子列表分开：

  <ion-slides>
   <ion-slide>
    <ion-content>
     <ion-list>
      ...
     </ion-list>
    </ion-content>
   </ion-slide>
   <ion-slide>
    <ion-content>
     <ion-list>
      ...
     </ion-list>
    </ion-content>
   </ion-slide>
  </ion-slides>

另外，我添加了这个 css：

  ion-slides, ion-slide {
    height: 100% !important;
  }

  .swiper-container {
    margin: unset;
  }

【讨论】：