Question

我想使用<ion-slides>组件来创建相册缩略图滚动器，就像在Spotify移动应用程序上一样。我大部分都可以使用它，但是我希望能够禁用捕捉。这可能吗？

<ion-slides centeredSlides="false" slidesPerView="2.5" spaceBetween="-16">
  <ion-slide padding *ngFor="let album of albums">
    <ion-card>
      <img [src]="album.image">
      <ion-item>
        <h3 ion-text text-center>{{ album.title }}</h3>
        <p ion-text text-center>{{ album.artist }}</p>
      </ion-item>
    </ion-card>
  </ion-slide>
</ion-slides>

我认为可能只是该组件的输入设置禁用了捕捉功能，但我在文档中找不到类似的内容。

Answer 1

我今天遇到了同样的问题，并且遇到了以下似乎在做我们尝试的事情的文章：

Ionic 4 | Multiple Slides on Single View Using Swiper Slider

我还没有开始工作，但是如果我这样做的话，将会及时通知您。认为这可能对您有帮助。

Answer 2

如Swiper.js在您的滑块选项中所述，添加以下内容。在此处查看示例https://swiperjs.com/demos/150-freemode.html

freeMode: true,

离子滑块，具有平滑的滚动且没有弹跳

2 个答案: