title: ionic content not scrolling
body: <p>I have gone through many answers, but nothing worked for me. I have a simple .html file and ionic content just does not scroll.</p>
  
  <pre><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;script src="js/platformOverrides.js"&gt;&lt;/script&gt;
  
      &lt;script src="scripts/angular-resource.min.js"&gt;&lt;/script&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;script src="scripts/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/angular-sanitize.min.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/angular-ui-router.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/angular-resource.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/lodash.min.js"&gt;&lt;/script&gt;
  
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
      &lt;script src="js/appController.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-app="app" ng-controller="appController"&gt;
      &lt;ion-pane&gt;
          &lt;ion-header-bar class="bar-stable"&gt;
              &lt;h1 class="title"&gt;Ionic Blank Starter&lt;/h1&gt;
          &lt;/ion-header-bar&gt;
          &lt;ion-view&gt;
              &lt;ion-content scroll="true"&gt;
                  &lt;div class="scroll"&gt;
                      &lt;a ng-repeat="item in items" class="item" href="#"&gt;
                          &lt;h2&gt;{{item.name}}&lt;/h2&gt;
                      &lt;/a&gt;
                  &lt;/div&gt;
              &lt;/ion-content&gt;
          &lt;/ion-view&gt;
      &lt;/ion-pane&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Above, <code>$scope.items</code> is being fetched from some webservice. Everything renders fine but it just does not scroll.
  I am using Visual studio 'Ionic Blank Template' if that matters. I have configured Cordova correctly and rest all solutions just work fine.</p>