删除 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 :)

删除 ionic 3 中的 iOS 滚动弹跳

Remove iOS scroll bounce in ionic 3

scroll

ios

typescript

ionic3