删除 ionic 3 中的 iOS 滚动反弹

Question

我正在使用 ionic-3 为 iOS 和 Android 开发一个 Hybrid 应用程序。

在 Android 上，当用户到达页面底部时，滚动停止。在 iOS 上，当用户到达页面底部时，它会“弹回”页面末尾并显示白色背景。我不希望它这样做 - 我的页面背景是深灰色的，而且这个过度滚动看起来很糟糕。

我已经在 config.xml 文件中添加了以下三行：

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

但它们没有任何作用。

我还能做些什么来防止这种过度滚动、反弹效果？

Answer 1

最后我得到了解决方案。

方法一

我需要在ion-content 标签中添加 3 个属性

• 不反弹
• 列表项
• forceOverscroll="false"

如下添加。

<ion-content no-bounce has-bouncing="false" forceOverscroll="false"></ion-content>

方法二

Simply run npm i ionic-angular@3.9.4-201903121725 in your project's directory :)