如何使用可见滚动条制作离子列表？

Question

我正在创建 ionic 4 angular 应用程序，并使用 ion-list 来显示记录数。 当我滚动 ion-list 然后滚动条显示但我想每次在 ion-list 中都看到滚动条？

这是离子列表文档

Answer 1

<ion-content padding style="overflow:scroll">
  <ion-list style="height: 1000px">
  </ion-list>
</ion-content>

要使滚动条始终可见，您需要调整“溢出”css 属性。 此外，您的列表高度应超过视口。

Answer 2

我建议使用这样的东西。 这可能不是答案，但它是定义高度的一种更健康的方式，而不是仅仅给它一个像素值。

<ion-list style="height: auto;">
   <ion-item  *ngFor="let data of datas">
      <ion-label> {{data}} </ion-label>
   </ion-item>
</ion-list>