title: how to make an ionic list scrollable?
body: <p>im trying to make an ionic-list scrollable by adding ion-scroll but instead of the the ion-list being scrollable the entire page becomes scrollable. how do i make just the ionic-list scrollable? here's my code:</p>
  
  <pre><code>&lt;ion-view title="Omnipay - Welcome" id="page5"&gt;
  &lt;ion-content padding="true" class="has-header"&gt;
   &lt;div&gt;
    &lt;img src="img/omnipay_logo.jpg" style="display: block; width: 100%; height: auto; margin-left: auto; margin-right: auto;"&gt;
  &lt;/div&gt;
  &lt;h3 id="omnipayWelcome2-heading13" style="color:#000000;"&gt;My Info:&lt;/h3&gt;
  &lt;h4 id="omnipayWelcome2-heading15" style="color:#000000;"&gt;Balance:&lt;/h4&gt;
  &lt;h4 id="omnipayWelcome2-heading14" style="color:#000000;"&gt;Transaction History&lt;/h4&gt;
   &lt;ion-scroll direction="xy" &gt;
          &lt;ion-list can-swipe="listCanSwipe"&gt;
          &lt;ion-item ng-repeat="item in data1"&gt;
              Date: {{item.date}}&lt;br&gt;Transaction: {{item.transaction}}&lt;br&gt;Merchant: {{item.merchant}}&lt;br&gt;Amount: {{item.amount}} 
          &lt;/ion-item&gt;
          &lt;/ion-list&gt;
  &lt;/ion-scroll&gt;
  &lt;a ui-sref="menu.mainMenu" id="transactionHistory-button1" class="button button-positive  button-block"&gt;Back&lt;/a&gt;
  &lt;button class="button button-positive  button-block" ng-click="refreshPage()"&gt;Refresh&lt;/button&gt;
  &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>