Ionic pull To Refresh + 延迟加载 + 无限滚动

Question

当我使用 Ionic pullToRefresh + lazyLoad (https://github.com/paveisistemas/ionic-image-lazy-load) + infinityScroll 页面开始运行非常慢。如果我滚动页面在 android 上滚动时断断续续，动画会不稳定。如何提高页面性能？这是我的模板：

<ion-content>
<ion-refresher
  pulling-text="Pull to refresh..."
  on-refresh="doRefresh()">
</ion-refresher>
<div>
  <div class="slider-box">
    <ion-slide-box>
      <ion-slide style="background-image: url({{item.image}});" ng-repeat="item in data.mainnews | orderBy:'-date'">
        <a href="#news/{{item.id}}">
          <p>{{item.title}} </p>
        </a>
      </ion-slide>
    </ion-slide-box>
    <div class="slide-prev" ng-click="prevSlide()"></div>
    <div class="slide-next" ng-click="nextSlide()"></div>
  </div>
</div>
<div class="content">
  <ion-list class="news-list">
    <ion-item collection-repeat="item in data.news | orderBy:'-date'" href="#news/{{item.id}}" class="item-thumbnail-left">
      <div class="item-image" style="background-image: url({{item.image}});"></div>
      <h2>{{item.title}}</h2>
      <p>{{item.short_content}}</p>
    </ion-item>
  </ion-list>
  <ion-infinite-scroll
    ng-if="!data.noMoreNews"
    on-infinite="loadMore()"
    distance="1%">
  </ion-infinite-scroll>

</div>

Answer 1

好吧，我自己找路： https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview 我的应用程序大小从 5mb 增加到 25mb，但所有动画和其他东西现在看起来好多了）祝你好运)

Ionic pull To Refresh + 延迟加载 + 无限滚动

Ionic pullToRefresh + lazyLoad + infinityScroll

javascript

android

cordova

ionic