Ionic 3 Horizo​​ntal Scroll X不工作

Question

我尝试添加Ionic Horizontal Scroll X，但这对我不起作用。请查看我的代码，任何人都知道为什么这不起作用？我试着添加<ion-scroll scrollX="true">无效。请帮我解决我的问题

由于

 <ion-scroll scrollX="true" style="height: 100px; width: 450px;">
        <ion-item >


          <ion-avatar *ngFor="let staff of master.staffList" item-start >
            <img src="{{master.masterStaffs.get(staff.id)['IMAGE']}}">
            <p class="addnew-user">{{master.masterStaffs.get(staff.id)['NAME']}}</p>
          </ion-avatar>

          <ion-avatar *ngIf="master.getRoleID() == master.adminRoleID" item-start (click)="addnewTeacher()">
            <img src="{{master.addNewTeacherImage}}">
            <p class="addnew-user-main">Add New</p>
          </ion-avatar>

        </ion-item>
      </ion-scroll>

Answer 1

将离子项的样式设置为style="overflow-x: auto;"

     <ion-scroll scrollX="true" style="height: 100px;">
        <ion-item style="overflow-x: auto;">

          <ion-avatar *ngFor="let staff of master.staffList" item-start >
            <img src="{{master.masterStaffs.get(staff.id)['IMAGE']}}">
            <p class="addnew-user">{{master.masterStaffs.get(staff.id)['NAME']}}</p>
          </ion-avatar>

          <ion-avatar *ngIf="master.getRoleID() == master.adminRoleID" item-start (click)="addnewTeacher()">
            <img src="{{master.addNewTeacherImage}}">
            <p class="addnew-user-main">Add New</p>
          </ion-avatar>

        </ion-item>
      </ion-scroll>