如何在cordova移动应用程序的页面末尾显示弧?

时间:2015-05-29 13:41:31

标签: android angularjs cordova ionic

当用户向下滚动并结束时,仍然尝试向下滚动时,会出现一个圆弧。例如,在whatsapp中,在消息窗口中,如果您在最后并且出现该弧,则无法向下滚动。

我如何使用angular.js和ionic?在cordova移动应用程序(android)中做到这一点?

或者这个属性的名称是什么?

提前致谢

解答:

我找到了离子骨架的属性。这不是我想要的,但它表明在最后一个离子列表项之后没有更多的数据通过弹跳页面。

如果 has-bouncing 属性被添加到ion-content,页面将会弹回。默认情况下,IOS的属性值为true,您不需要添加它,但必须为Android添加它。

<ion-content has-bouncing="true">

</ion-content>

2 个答案:

答案 0 :(得分:2)

向下滚动时,表示您使用的是on-infinite-scroll

例如,我使用以下功能 myModel.maxItemLoaded是一个假的布尔值,除非我加载了所有项目。

  <ion-infinite-scroll     
    ng-if="!myModel.maxItemLoaded"
    icon="ion-loading-c"
    on-infinite="loadMoreData()"

    distance="10"
  >
  </ion-infinite-scroll>

因此,对于您的消息,只需添加以下内容

即可
<div ng-if="myModel.maxItemLoaded"> END OF PAGE </div>

答案 1 :(得分:0)

我不知道使用框架是否有更简单的方法来执行此操作,无论如何,您可以使用css将元素放在固定位置的底部,因此顶视图滚动而不隐藏该元素。