ion-content 和 android 4.3 在 loadmore 上滚动

Question

我对 ionic 和 android 4.3 有一个严重的问题。

我有一个从休息服务动态加载的元素列表。 当我执行 loadMore 函数（使用 ion-infinite-scroll 指令）时，视图不会在 android 4.3 版本的设备上调整大小（在模拟器和三星 gt-i9300 上测试），因此无法滚动新元素。

我已经尝试调用

$ionicScrollDelegate.resize();

开：

• $http.get的成功函数
• ng-repeat 完成自定义指令（即使超时 10 秒）

没有结果。

这是我的html代码：

<ion-content lazy-scroll >

<ion-refresher
  pulling-text="Reload.."
  on-refresh="refresh()" >
</ion-refresher>

<div  class="list card"  ng-repeat="newsItem in newsList" ng-click="goToDetail(newsItem)">

    <div class="item item-image myImage">
      <img image-lazy-src="{{newsItem.image}}" fallback-src="./img/binewsplaceholder.png">
    </div>

    <div class="item">
      <h2 ng-bind="newsItem.title"></h2>

      <categories-in-list categories="newsItem.categories" ></categories-in-list>

      <p><i class="ion-calendar myLabel"></i> {{newsItem.date | date: 'dd MMMM yyyy'}}</p>
      <p class="text-right" ng-show="newsItem.distance && newsItem.distance != 'NaN' ">
        <i class="ion-android-pin myLabel"></i> <span>{{newsItem.distance  | number:0}}  km</span>
      </p>
    </div>
</div>

<ion-infinite-scroll
  immediate-check="false"
  on-infinite="loadMore()"
  ng-if="hasMorePage"
  distance="1%">
</ion-infinite-scroll> 
</ion-content>

另外，我在“阅读更多”功能上也有同样的问题，它显示/隐藏带有长文本的 div。在那种情况下，我找到了以下解决方案（而不是因为 ux 弱而被删除）：

• 加载显示长文本的视图
• 等待 5-6 秒，然后将其隐藏

所以.. 这是 android 4.3 的问题吗？

我不确定，因为在另一个应用程序中一切正常，但行为（或多或少）相同。

有什么建议吗？

谢谢。

Answer 1

我在同一部智能手机上遇到了同样的问题。我不知道这个错误是来自 Ionic 还是设备有问题。我找到了这个解决方案并且对我来说很好用：

在 ion-content HTML 元素中设置overflow-scroll="false"：

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

希望对你有所帮助。