title: How to make an Ionic content scroll
body: <p>This might be a stupid a question, but this really makes headache.</p>
  
  <p>I couldn't make the content scrollable, I didn't add anyhting, I just can't scroll for no reason.</p>
  
  <p>I just a started a new page and i'm filling a list dynamically, but the problem i'm facing is that I can't scroll</p>
  
  <p>Here is my full code :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
      &lt;title&gt;&lt;/title&gt;
  
      &lt;link href="lib/ionic/css/ionic.css" rel="stylesheet"&gt;
      &lt;link href="css/style.css" rel="stylesheet"&gt;
  
      &lt;!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
      &lt;link href="css/ionic.app.css" rel="stylesheet"&gt;
      --&gt;
  
      &lt;!-- ionic/angularjs js --&gt;
       
      &lt;script src="lib/ionic/js/ionic.bundle.js"&gt;&lt;/script&gt;
  
      &lt;!-- cordova script (this will be a 404 during development) --&gt;
      &lt;script src="cordova.js"&gt;&lt;/script&gt;
  
       
      &lt;!-- your app's js --&gt;
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body ng-app="starter"&gt;
  
  
        
        
        
     &lt;ion-content&gt;
  &lt;div ng-controller="customersCtrl"&gt; 
  &lt;div class="list"&gt;
      &lt;div ng-repeat="m in matches"  &gt;
          
      &lt;div class="item item-divider" &gt;
      {{ m.competition }}
    &lt;/div&gt;
    &lt;a class="item" href="#" ng-repeat="s in matches" ng-if="m.competition == s.competition"&gt;
        
      {{ s.team1.name+' - '+s.team2.name }}
    &lt;/a&gt;
      
      &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
        &lt;/ion-content&gt;
  
  
  &lt;script&gt;
  var app = angular.module('starter', []);
  app.controller('customersCtrl', function($scope, $http) {
      $http.get("http://int.footballclub.orange.com/ofc/matches?date=2015-05-20")
          .success(function (response) {
              $scope.matches = response;
              for (var i = 0; i &lt; response.length; i++) {
                  setName($scope.matches, i);
              }
          var Competitions = ["Kenya","Nigéria"];
          });
  
      var setName = function (matches, index) {
          $http.get("http://int.footballclub.orange.com/ofc/competitions/" + matches[index].idCompetition)
              .success(function (response) {
            matches[index].competition = response.name;
          
              });
      }
  
  
  });
      
  
  
  &lt;/script&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>