【问题标题】:Has-bouncing in ionic doesn't seem to work在离子中弹跳似乎不起作用
【发布时间】:2016-02-18 07:05:00
【问题描述】:

好的,首先,我是 Ionic 的新手,所以我可能误解了一些文档。

我有一个具有 has-bouncing="true" 的离子含量。

<ion-view view-title="{{currentView.viewName}}">
  <ion-content has-bouncing="true">
    <ion-list>
      <ion-item ng-repeat="pdr in currentViewPDRs" href="#/app/pdr/{{pdr.pdrId}}">
        <h1>{{pdr.pdrId}}</h1>

        <i>{{pdr.desc}}</i>
        <p>{{pdr.status}}</p>
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

我没有做太多其他事情,我只是在这里使用默认的侧边菜单模板。

我假设 has-bouncing=true 意味着当它到达页面末尾时,它会产生反弹效果。相反,它只是停在页面末尾,不给用户任何反馈。

我已经在 chrome、firefox 上尝试过这个并上传到我的 Android ionic view 应用,并且行为完全一样。

我是否误解了 has-bounceing 应该做什么?如果是这样,当用户到达页面底部时,我如何获得一些动画来提供反馈?

【问题讨论】:

  • 实际上它对我来说工作正常我不知道你的应用程序有什么问题,但是如果你在你的应用程序中寻找分页功能,你可以使用ion-infinite-scroll指令,你可以查看下面的链接了解更多信息。 ionicframework.com/docs/api/directive/ionInfiniteScroll

标签: javascript ionic-framework


【解决方案1】:

反弹工作一次,然后就停止了。 原文是这样写的:

<ion-content class=" has-header" scroll="true" has-bouncing="true">

改成这个又弹回来了:

<ion-content class="has-header" overflow-scroll="false" has-bouncing="true">

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-11-16
    • 2021-01-31
    • 2017-01-15
    • 1970-01-01
    • 2012-12-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多