ios - 删除 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

终于我找到了解决方案。

Method 1

我需要向我的 ion-content 标记添加 3 个属性

• 不反弹
• 列出项目
• forceOverscroll="false"

添加如下。

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

Method 2

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