离子3不正确的滚动行为

Question

很难描述这个问题,我不确定它是不是一个错误,或者我只是误解了一些离子布局,我也只在ios上测试过,所以不确定其他平台,所以我们走了:

我正在使用离子3.19,ios 11.2

如果内容<ionic-content>比屏幕更大(垂直),那么如果我向上滚动(导致过度滚动)或向下滚动(也导致过度滚动)就在我停止触摸它的那一刻 - 内容跳转到视图的顶部,这真的很难来描述,这里是重现的方法:启动新的离子选项卡项目.将15个左右的<ion-card>文本添加到任何选项卡中,例如home.html如下所示:

    <ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
  <ion-card>
    <ion-card-header>Header</ion-card-header>
    <ion-card-content>Body</ion-card-content>
  </ion-card>
</ion-content>

(只是为了确保内容大于屏幕),在iphone(ionic cordova start ios --device)上运行,向下滚动一点,然后快速向上滚动并将手指从屏幕上移开,同时它仍在向上滚动

有没有人遇到过这个？我已经打了好几天了,起初我认为它与我的风格有关,但它可以用纯离子特征再现

我只使用启动离子选项卡项目,仅更改home.html,所有scss都处于初始离子状态

Answer 1

尝试用以下材料包装您的物品<ion-list></ion-list>

<ion-content padding>
    <ion-list>
        Your cards here...
    </ion-list>
</ion-content>