Content not scrollable

I am using ionic framework to make a simple application( you can search through itunes for tracks). However, when displaying a lot of results, the ion content isn’t scrollable. Here is my markup:

<!DOCTYPE html>
<html ng-app="hiphop">


    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">


    <!-- Ionic framework - replace the CDN links with local files and build -->
    <link href="" rel="stylesheet">
    <script src=""></script>
    <script src=""></script>
    <script src="//"></script>
    <script src="js/app.js"></script>

    <script src="cordova.js"></script>


<body ng-controller="SearchCtrl" ng-app="hiphop">
        <ion-header-bar class="bar-stable">
            <label class="item-input-wrapper header">
                <i class="icon ion-android-search placeholder-icon"></i>
                <input type="search" placeholder="Search" ng-model="search.query" ng-enter="search()" />

        <ion-content class="has-header" animation="slide-left-right" padding="true" scroll="true" has-bouncing="true">
            <!-- our list and list items -->
            <div class="list">
                <a class="item item-avatar" href="#" ng-repeat="item in items">
                    <img src="{{ item.artworkUrl60 }}">


Codepen demo (with also js).

Why isn’t it possible to scroll? How to do it?

PS: I am using Intel XDK

Seems like you were loading ionic twice. Removing the additional script tag resolves the issue.

Thank you so much! A ridicoulous error yet it broke everything.

1 Like