如何在离子 4 中水平滚动作为在离子 3 中工作的离子滚动？

Question

我在 ionic 4 中尝试 ion-scroll 但不起作用？我从 ionic 论坛获得了一些解决方案，使用 div 而不是弃用的 ion-scroll 但它对我不起作用。我需要在单行中为卡片项目滚动 X。

Answer 1

我已经在 ionic 4 中为图像创建了水平滚动画廊。它对我来说非常好！

.thumnails{
  overflow-x: scroll;
  overflow-y: hidden;
  .list-thumbnail{
    height: 100%;
    white-space: nowrap;
    .img-thumb{
      display: inline-block;
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 3px;
      width: 50px;
      height: 50px;
      margin:0 2px 0 0; 
      line-height: 60px;
    }
    .selected-img{
      border: 2px solid color($colors, primary);
    }
  }
}
::-webkit-scrollbar { 
  display: none; 
}

<div class="thumnails">
  <div class="list-thumbnail">
    <div class="img-thumb" [class.selected-img]="x.selected" *ngFor="let x of images" (click)="onThumbnailClick(x)">
      <img [src]="x.image">
    </div>
  </div>
</div>

如何在离子 4 中水平滚动作为在离子 3 中工作的离子滚动？

How to Horizontal scroll in ionic 4 as ion-scroll working in ionic 3?

angular

ionic4