Creating scrollable list with infinite-scroll in Ionic2
<p>How can i create a list that is scrollable without scrollbars, and has infinite-scroll functionality?
i have tried the attached code but i have two problems with it:
1. the list is not being scrolled at all, unless i add <code>style="overflow-y: auto"</code> to the content, and then scrollbar is displayed.
it is not scrolled even if i add ion-scroll inside/outside the content.
2. when i add the overflow-y and scrollbar is displayed, the infinite-scroll does not work. the ionInfinite event is not fired.</p>

<p>Thanks.</p>

<pre><code>&lt;ion-content&gt;
&lt;ion-list [style.direction]="direction"&gt;
    &lt;ion-item  *ngFor="let item of selectedEntItems | objToIterable;let ind=index"&gt;
        &lt;!--List item header--&gt;
        &lt;ion-card-header  *ngFor="let column of columns | objToIterable"  (click)="ListItemClick(item,ind)"  [ngClass]="{'hide': notHeaderColumn(item,column) ,'ListItemHeader':true}" &gt;
              &lt;span&gt;
                {{ column.title + ': ' + getVal(item,column)}}
              &lt;/span&gt;
              &lt;span &gt;,&lt;/span&gt;
        &lt;/ion-card-header&gt;

        &lt;!--List item content--&gt;
        &lt;ion-card-content *ngFor="let column of columns | objToIterable" (click)="ListItemClick(item,ind)" [ngClass]="{'hide': notBodyColumn(item,column) }"&gt;
           &lt;p&gt; {{column.title + ': ' + getVal(item,column)}}&lt;/p&gt;
        &lt;/ion-card-content&gt;
        &lt;ion-icon name="close" (click)="deleteRow(item,ind)" class="listDelete"&gt;&lt;/ion-icon&gt;
    &lt;/ion-item&gt;
&lt;/ion-list&gt;

&lt;ion-infinite-scroll (ionInfinite)="doInfinite($event)"&gt; 
    &lt;ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="Loading more data..."&gt;
    &lt;/ion-infinite-scroll-content&gt;
  &lt;/ion-infinite-scroll&gt;

&lt;/ion-content&gt;
</code></pre>