【问题标题】:ion-slides with smooth scrolling and no snapping具有平滑滚动且无对齐的离子幻灯片
【发布时间】:2018-12-14 08:23:55
【问题描述】:

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

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

【问题讨论】:

  • 你已经找到东西了吗?
  • @juliusbangert 你有没有解决这个问题?我正在尝试做同样的事情:)

标签: angular ionic-framework slider ion-slides


【解决方案1】:

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

freeMode: true,

【讨论】:

    【解决方案2】:

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

    Ionic 4 | Multiple Slides on Single View Using Swiper Slider

    我还没有让它工作,但如果我这样做了,我会及时通知你。在此期间认为它可能会对您有所帮助。

    【讨论】:

      猜你喜欢
      • 2019-01-27
      • 1970-01-01
      • 1970-01-01
      • 2020-09-22
      • 1970-01-01
      • 1970-01-01
      • 2021-01-08
      • 2018-01-12
      • 1970-01-01
      相关资源
      最近更新 更多