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

来源:

慕设计1698210

2016-09-30

http://szimg.mukewang.com/57ee75a10001aa0b06330367.jpg

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

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

写回答

4回答

Parry

2017-01-09

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

0
0

Parry

2016-10-01

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

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

0
0

Parry

2016-10-01

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

0
1
慕设计1698210
下面就是布局代码...
2016-10-01
共1条回复

慕设计1698210

提问者

2016-10-01

<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>


0
0

Ionic飞速上手的跨平台App开发

以HTML5移动App开发框架Ionic,开发不受平台限制的App

1314 学习 · 640 问题

查看课程