title: Creating scrollable list with infinite-scroll in Ionic2
body: <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>