删除 ionic 3 中的 iOS 滚动反弹

Posted 2023-03-13

【中文标题】删除 ionic 3 中的 iOS 滚动反弹

【英文标题】：Remove iOS scroll bounce in ionic 3

【发布时间】：2019-12-28 18:50:27

【问题描述】：

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

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

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

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

但它们没有任何作用。

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

【参考方案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 :)

【讨论】：

在 iOS 设备上对我不起作用。屏幕不停跳动

我找到了一个可行的解决方案并在这里发布:) ***.com/questions/46300066/…