使用ion-infinite-scroll不能自动加载数据问题之一：使用了自定义样式overflow-y: auto

html文件代码：

<ion-content>

 <div class="brands_list">
    
    <div class="brands" *ngFor="let category of category_list">
      {{category}}
    </div>
 </div>

 <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
   <ion-infinite-scroll-content></ion-infinite-scroll-content>
 </ion-infinite-scroll>

</ion-content>

scss文件代码

page-brands {
    ion-infinite-scroll-content{
        min-height: 2px !important; 
    }
    .brands_list{
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding-bottom: 50px;
        background-color: #f0f0f0;
    }
}

scss文件中样式brands_list自定义over-flow=y的div, 会和ion-content标签（这个标签自带了滚动属性）冲突，造成不能自动加载。