时间戳

首页 > 解决方案 > 具有平滑滚动且无对齐的离子幻灯片

angular - 具有平滑滚动且无对齐的离子幻灯片

问题描述

我想使用该<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>

我认为可能只有一个禁用捕捉的组件的输入设置，但我在文档中找不到类似的东西。

标签： angularionic-frameworksliderion-slides

解决方案

正如Swiper.js在滑块选项中详述的那样，添加以下内容。请参阅此处的示例https://swiperjs.com/demos/150-freemode.html

freeMode: true,

推荐阅读