ios - Ionic 3 不正确的滚动行为

Question

很难描述这个问题，我不确定这是一个错误还是我只是误解了一些 ionic 布局，而且我只在 ios 上测试过所以不确定其他平台，所以我们开始吧:

我正在使用 ionic 3.19，ios 11.2

如果<ionic-content>中的内容比屏幕大(垂直)，然后如果我向上滚动(导致过度滚动)或向下滚动(也导致过度滚动)就在我停止触摸它的那一刻 - 内容跳转到 View 的顶部，这真的很难描述，这是重现的方法:启动新的 ionic 标签项目。加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)，向下滚动一点，然后快速向上滚动，并在它仍在向上滚动时将手指离开屏幕

有人遇到过吗？我已经纠结好几天了，起初我认为这与我的风格有关，但它可以用纯 ionic 特征复制

我只使用启动 ionic 选项卡项目，只更改了 home.html，所有 scss 都处于初始 ionic 状态

Answer 1

尝试用 <ion-list></ion-list> 包装您的元素

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