Ios Ionic 3不正确的滚动行为

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

我使用的是爱奥尼亚3.19，ios 11.2

如果

中的内容比屏幕大（垂直方向），那么如果我在停止触摸时向上滚动（导致过度滚动）或向下滚动（也导致过度滚动），内容会跳转到视图的顶部，这真的很难描述，下面是一种复制方法：启动新的ionic tabs项目。在任何选项卡上添加15个左右的

和一些文本，例如

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

），向下滚动一点，然后快速向上滚动，并在屏幕仍在向上滚动时将手指从屏幕上移开

有人遇到过这个吗？我已经为此奋斗了好几天了，起初我认为这与我的风格有关，但它可以用纯离子特征复制

我只使用starter ionic tabs项目，仅更改了home.html，所有SCS都处于初始ionic状态

---

尝试用

你的卡在这里。。。

将

无反弹

属性添加到

元素

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

标题
身体

您的问题似乎是独一无二的

我试图产生和你一样的问题，但我不能。 不管怎样，你能试着在index.html中添加这个吗

  <ion-app style="z-index: 1"></ion-app>

---

下面的解决方案适合我：

步骤：

爱奥尼亚cordova平台添加ios和爱奥尼亚cordova准备ios

然后找到CDVWKWebViewEngine.m，inside/platforms/ios//Plugins/cordova plugin-ionic-webview/

将这行代码放在行的底部并保存

@实现UIScrollView（NoBounce）
-（无效）移动到窗口{
[super didtovetowindow]；
self.bounces=否；
}
@结束

我在我的应用程序中尝试了此操作，但没有发现任何问题….你确定没有修改你的home.scss文件…..请检查你的home.scss文件是否只包含主页{}如果你能压缩你的项目文件夹并发送给Ajayredy。4480@gmail.com然后我可以查看请记录您的问题，然后将其导出到

.gif

以便我们查看it@DmytroGrynets有可能把gif的速度放慢一点吗？另外，将标题改为标题1、标题2、标题3等等…@Sebafereras谢谢，这与我面临的问题完全相同，在ionic bug tracker上找不到，如果你希望你能将你的评论作为答案发表，我会接受，请仔细看看这个问题，添加“不反弹”并不能解决它我们在IOS上也有同样的问题，添加了

无反弹

，效果良好。爱奥尼亚V3.9.2。当我有一个新项目的时候，我会去看看gap@DmytroGrynets您确实在父视图中添加了

no bounce

，对吗？而不是主选项卡控制器视图的子视图

  <ion-app style="z-index: 1"></ion-app>