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

慕设计1698210
2016-09-30
在使用infinite-scroll实现刷新操作的时候,刷新放在底部的时候,可以正常执行,
但是放在顶部的时候就会出现一大部分的白色部分,十分难看,希望老师能帮忙解决一下。
4回答
-
Parry
2017-01-09
不太明白你的课程评价「坡度大」是什么意思?如果有什么问题你可以继续像这样提问。
00 -
Parry
2016-10-01
我觉得你应该认真看文档,这个控件就是用于在底部刷新的。「scrolls a specified distance from the bottom of the page」。
头部刷新的控件是这个:http://ionicframework.com/docs/v2/api/components/refresher/Refresher/
00 -
Parry
2016-10-01
你没有你的布局代码我怎么看啊?
012016-10-01 -
慕设计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>
00
相似问题