Question

以下代码在浏览器中运行良好，但是当我将其打包为phonegap应用并在我的Nexus 5上试用时，它就会停止工作（不会引发错误）。

<ion-view title="{{destination}}">
<ion-content>
    <div id="map-screen">
      <div id="map-canvas" data-tap-disabled="true" ng-show="showMap()" class="animate-show-hide"></div>
      <ion-scroll id="place-photo-footer" direction="x">
        <div id="place-scroll" ng-controller="placeController as placeCtrl" style="width:5000px;">
          <a ui-sref="place-detail({placeId: place.place_id})" ng-repeat="place in places">
            <div class="place-item" class="animate-show-hide" id="place-{{place.id}}">
              <img src="{{place.photos[0].getUrl({'maxHeight': 100})}}">
              <img src="{{place.icon}}" class='icon'>
              <div class='marker'>{{placeCtrl.getMarker(place)}}</div>
            </div>
          </a>
        </div>
      </ion-scroll>
    </div>
  </ion-content>
</ion-view>

一点信息：一旦我包围了主要的div（我正在使用导航条使其全部工作），这停止了工作

知道为什么会这样吗？

Answer 1

根据经验，您应该使用块级元素进行ng-repeat。为获得最佳性能，最好为列表中的每个项目指定宽度和高度。

ion-scroll的文档表明，设置滚动框的高度以及启用滚动的内部内容的高度非常重要。这使得可以完全控制可滚动区域。＆＃34;

为了获得最一致的结果，我强烈建议您使用ion-list进行ng-repeat。

希望这有帮助。

离子滚动停止在phonegap中工作

1 个答案: