平滑滚动且无卡扣的离子幻灯片

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 in your slider options add the following. See example here https://swiperjs.com/demos/150-freemode.html

freeMode: true,

平滑滚动且无卡扣的离子幻灯片

ion-slides with smooth scrolling and no snapping

slider

ionic-framework

ion-slides

angular