Javascript 如何制作离子内容卷轴

这可能是一个愚蠢的问题，但这确实令人头痛

我无法使内容可滚动，我没有添加任何内容，我只是无法无缘无故滚动

我刚刚开始了一个新页面，我正在动态填写一个列表，但我面临的问题是我无法滚动

这是我的全部代码：

{{m.competition}}
var app=角度模块（'starter'，[]）；
app.controller（'customersCtrl'，函数（$scope，$http）{
$http.get（“http://int.footballclub.orange.com/ofc/matches?date=2015-05-20")
.成功（功能（响应）{
$scope.matches=响应；
对于（变量i=0；i

爱奥尼亚制定了一项指令，使内容可滚动 请尝试将此操作添加到以下代码：

       <ion-scroll direction="xy" >
       // Your content scrollable 
      </ion-scroll>

//您的内容可以滚动

在您的情况下，您必须：

<ion-content>
    <div ng-controller="customersCtrl"> 
        <ion-scroll direction="xy" >
             <div class="list">
                 <div ng-repeat="m in matches"  >
               <div class="item item-divider" >
                  {{ m.competition }}
               </div>
                <a class="item" href="#" ng-repeat="s in matches" ng-if="m.competition == s.competition">
                  {{ s.team1.name+' - '+s.team2.name }}
                </a>
             </div>
           </div>
        </ion-scroll>
      </div>
  </ion-content>

{{m.competition}}

所以当我们需要垂直和水平滚动时，ion scroll指令有一个小问题。我找到的唯一解决方案是使内容小于页面高度。看看代码笔：

---

ref:

爱奥尼亚设置这些css样式，这就是禁用滚动的原因：

body,html{overflow:hidden}

---

如果您在

添加内容后，需要在

$ionicScrollDelegate

上调用调整大小（）

当您使用

resize（）

时，它会再次重新计算内容的大小，即使您的

可滚动

HTML:

---

动态添加内容后，只需调用

重新计算大小（）

在html文件中：

<ion-content padding>
  <div scrollY="true" id="scroll-list">
    <ion-list *ngFor="let item of list">
      <ion-item>
       {{ item }}
      </ion-item>
    </ion-list>
  </div>

</ion-content>

}

快乐编码…
什么不起作用？我想是竖直的卷轴吧？@YasserB。尝试设置卷轴的高度，即“@ProllyGeek-适用于android，不适用于iphone@TomStickel嗨，汤姆，我可以帮你，但是请给我更多关于你的环境的细节，使用模拟器还是真实的iOS？什么版本？@ProllyGeek-我提出了一个问题，希望它有足够的信息，让我知道thx
var app = angular.module('starter', []);
app.controller('customersCtrl', function($scope, $http,$ionicScrollDelegate) {
    $scope.reCalculateSize= function() {
        $ionicScrollDelegate.$getByHandle('mainScroll').resize();
    };
});

<ion-content padding>
  <div scrollY="true" id="scroll-list">
    <ion-list *ngFor="let item of list">
      <ion-item>
       {{ item }}
      </ion-item>
    </ion-list>
  </div>

</ion-content>

#scroll-list{
height: 200px;