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

Question

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

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

我的代码有点像这样：

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

Answer 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;
  }