ion-content和android 4.3在loadmore上滚动

时间:2016-11-25 14:26:52

标签: android angularjs ionic-framework

我对离子和Android 4.3有严重的问题。

我有一个从休息服务中加载的元素列表。 当我执行loadMore函数(使用ion-infinite-scroll指令)时,视图不会在具有android 4.3版本的设备上调整大小(在模拟器和samsung 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>

另外,我在&#34上有同样的问题;阅读更多&#34;功能,显示/隐藏带有长文本的div。在那种情况下,我找到了解决方案(因为弱ux而被移除):

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

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

我不确定,因为在另一个应用程序中,一切正常,(或多或少)相同的行为。

有什么建议吗?

感谢。

1 个答案:

答案 0 :(得分:2)

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

在离子内容HTML元素中设置overflow-scroll="false"

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

我希望这有用。