下拉刷新的infinite-scroll组件，放在头部留白？

Question

在使用infinite-scroll实现刷新操作的时候，刷新放在底部的时候，可以正常执行，

但是放在顶部的时候就会出现一大部分的白色部分，十分难看，希望老师能帮忙解决一下。

Answer 1

Parry 2017-01-09 20:00:04

不太明白你的课程评价「坡度大」是什么意思？如果有什么问题你可以继续像这样提问。

Answer 2

Parry 2016-10-01 11:04:12

我觉得你应该认真看文档，这个控件就是用于在底部刷新的。「scrolls a specified distance from the bottom of the page」。

头部刷新的控件是这个：http://ionicframework.com/docs/v2/api/components/refresher/Refresher/

Answer 3

Parry 2016-10-01 09:26:31

你没有你的布局代码我怎么看啊？

• 提问者 慕设计1698210 #1

  下面就是布局代码...

Answer 4

提问者 慕设计1698210 2016-10-01 10:19:44

<ion-header>

  <ion-toolbar >

    <ion-title >消息</ion-title>

  </ion-toolbar>

</ion-header>

<ion-content class="page2">

<ion-infinite-scroll (ionInfinite)="doOnfinite($event)" #onFinite>

  <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data"></ion-infinite-scroll-content>

</ion-infinite-scroll>

  <ion-list>

    <ion-item-sliding *ngFor="let item of items">

      <ion-item  (click)="itemclick(item)">

        <!--        <button fab fab-right    block full class="rightBtn">

        <ion-icon name="add"  ></ion-icon>

      </button>

      -->

      <ion-avatar item-left>

        <img src="../images/{{item.img}}.jpg"></ion-avatar>

      <h2>{{item.name}}</h2>

      <p>{{item.note}}</p>

    </ion-item>

    <ion-item-options>

      <button (click)="removeContact(item)">

        <ion-icon name='trash'></ion-icon>

        删除

      </button>

    </ion-item-options>

  </ion-item-sliding>

</ion-list>

  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">

    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data"></ion-infinite-scroll-content>

  </ion-infinite-scroll>

</ion-content>