ionique de contenu pas de défilement

Je suis passé par beaucoup de réponses, mais rien n'a fonctionné pour moi. J'ai une simple .fichier html et ionique contenu ne vient pas de défilement.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>
    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" >
    -->
    <script src="js/platformOverrides.js"></script>

    <script src="scripts/angular-resource.min.js"></script>
    <!-- ionic/angularjs js -->
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>

    <script src="scripts/jquery.min.js"></script>
    <script src="scripts/angular-sanitize.min.js"></script>
    <script src="scripts/angular-ui-router.js"></script>
    <script src="scripts/angular-resource.js"></script>
    <script src="scripts/lodash.min.js"></script>

    <script src="js/app.js"></script>
    <script src="js/appController.js"></script>
</head>
<body ng-app="app" ng-controller="appController">
    <ion-pane>
        <ion-header-bar class="bar-stable">
            <h1 class="title">Ionic Blank Starter</h1>
        </ion-header-bar>
        <ion-view>
            <ion-content scroll="true">
                <div class="scroll">
                    <a ng-repeat="item in items" class="item" href="#">
                        <h2>{{item.name}}</h2>
                    </a>
                </div>
            </ion-content>
        </ion-view>
    </ion-pane>
</body>
</html>

Ci-dessus, $scope.items est récupérée à partir de certains webservice. Le tout rend très bien, mais il n'a tout simplement pas de défilement.
Je suis à l'aide de Visual studio Ionique Modèle Vide " si cette matière. J'ai configuré Cordova correctement et de repos toutes les solutions juste, beau travail.

OriginalL'auteur Sandy | 2016-05-14

  1. 14

    Supprimer la class="scroll" de la div conteneur, scroll="true" de ion-content et ajouter overflow-scroll="true" . Les classes nécessaires seront ajoutés par ionique sur les éléments. Vous n'avez pas besoin d'ajouter explicitement

    <ion-view>
   <ion-content overflow-scroll="true">
        <div class="list">
            <a ng-repeat="item in items" class="item" href="#">
                <h2>{{item.name}}</h2>
            </a>
        </div>
    </ion-content>
</ion-view>

    Mise à jour: Le codepen montrant la liste déroulante en chrome simulator: http://codepen.io/addi90/full/RaOegM/

    ionique de contenu pas de défilement

    Merci. Mais ne fonctionne toujours pas. Est mon environnement manque quelque chose?
    J'ai édité la réponse à contenir un travail codepen et la capture d'écran.
    Quelque chose de mal avec mon environnement. J'ai recréé toute chose et maintenant votre solution fonctionne. Je vais avoir une application mobile où je vois de bureau comme la barre de défilement. Savez-vous comment faire pour la faire ressembler mobile faites défiler jusqu'c'est à dire pratiquement invisible??
    Veuillez poster une capture d'écran
    Comme des Ionique 1.3.3 c'est ce que fait ma défilement des questions. Il ne serait pas faire défiler alors que le pointeur de la souris est sur un ion-radio, sur le navigateur.

    OriginalL'auteur Aditya Singh

  2. 3

    Ionique, de v1.3.3 ou plus tard, faites défiler sur la ne fonctionne pas. cela peut être résolu en plaçant dépassement de défilement="false" ou de définir comme 

        <ion-content overflow-scroll="false">

    OU

        <ion-scroll scrollX="true" scrollY="true" style="margin:17rem; position:fixed; display:inline; top:0; right:0; bottom:0; left:0; white-space: nowrap;">

    aidera.

    Voir sur ionique v1.3.2 - solution de contournement proposée semble fonctionner.

    OriginalL'auteur Atif Hussain

  3. 1

    De sable pour cacher la barre de défilement essayez d'ajouter ::-webkit-scrollbar {display:none;} à votre fichier css. Il a travaillé pour moi.

    OriginalL'auteur Ângelo Martins