向上滚动时,离子刷新器pullIcon甚至显示在页面的最底部

时间:2018-07-13 01:22:34

标签: javascript css ionic-framework ionic3 refresher

我正在使用 Ionic 3 ,当页面刷新正常时,我使用ionic-refresher从API提供程序重新加载和加载了一些新数据。

但是,当我在下面向下滚动并决定再次向上滚动时。提拉提要图标始终会出现在我不想发生的内容的底部或中心位置。

我只想在pullingIconion-navbar到达内容的最顶部时购买header component

<ion-content>

  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content
      pullingIcon="arrow-dropdown"
      pullingText="Pull to refresh"
      refreshingSpinner="circles"
      refreshingText="Refreshing...">
    </ion-refresher-content>
  </ion-refresher>

</ion-content>

我实现的代码与docs示例相同,只是刷新时的方法不同。

这是个问题吗?

我的内容中也包含代码,该代码位于ion-refresher结束标记的底部。这是下面的代码:

<ion-slides #mySlider (ionSlideDidChange)="onSlideChanged($event)">

是因为 ion-slides 还是仅仅是一个问题而引起冲突?

我唯一修改过的CSS如下:

.refresher-pulling-icon, .refresher-refreshing-icon{
  color: red
}

.refresher-refreshing .spinner-crescent circle, .refresher-refreshing .spinner-ios line, .refresher-refreshing .spinner-ios-small line{
       stroke : red;
    }

但是我不认为这涉及问题或问题的原因。

感谢有人可以帮助您。 预先感谢。

0 个答案:

没有答案