Ionic 3 在 iOS 上禁用滚动反弹效果答案

【问题标题】：Ionic 3 disable scroll bounce effect on iOSIonic 3 在 iOS 上禁用滚动反弹效果
【发布时间】：2018-11-10 18:13:44
【问题描述】：

所以我已经维护这个应用程序很长一段时间了。它以我想要的方式在 Android 上运行，因为未经您的许可，Android 不会添加愚蠢的反弹效果。我仍然希望内容滚动，只是没有反弹效果，因为它在 iOS 上实现反弹效果时完全破坏了我的视图。

一两年前，当我启动这个应用程序时，我设法在我的 config.xml 中使用它来消除滚动弹跳效果：

<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />

但这似乎不再起作用了。过去几个月我没有接触过这个项目，所以我不确定从那时起 Ionic 发生了什么变化。还有其他方法可以禁用内容反弹吗？

编辑：我已经在我的ion-content 上尝试了has-bouncing="false" 和no-bounce 属性，它们没有任何作用。

【问题讨论】：

您最后使用的修复程序是什么？我真的需要一个解决方案，它不会破坏平滑滚动

标签： cordova ionic-framework ionic3

【解决方案1】：

你可以像这样在你的 ion-content 上使用 no-bounce 标签：

<ion-content no-bounce></ion-content

【讨论】：

抱歉，无反弹取决于容器的大小。我对您的问题进行了更多调查，并提出了以下建议：github.com/ionic-team/ionic/issues/11584#issuecomment-359813836 在 Ionic 2 和 3 中，反弹效果似乎是不可避免的。
很遗憾，不过还是感谢您提供的信息。我找到了一个足够修复它的解决方案。
@ChrisHansen 请为其他人分享您的解决方案。

【解决方案2】：

嗯，我确实找到了解决方案，但它不仅会阻止弹跳，还会禁用平滑滚动。在这一点上，我什至不在乎，我很高兴它现在正在工作。

.ios {
  .scroll-content {
    -webkit-overflow-scrolling: auto !important;
  }
}

【讨论】：

谢谢，为我做了诀窍，唯一适用于 ionic 3 的解决方案。

【解决方案3】：

试试这个：

<ion-content [scrollY]="false" [scrollX]="false">/<ion-content>

根据你的需要改变它。

【讨论】：

【解决方案4】：

我知道 iOS 设备有不同的滚动行为，无论你在 ionic 中添加什么，它都不起作用，所以需要做其他事情。

这是我在 iOS 上移除弹跳效果的库。

https://www.npmjs.com/package/disable-ios-scrolling

【讨论】：