时间戳

首页 > 解决方案 > 删除 ionic 3 中的 iOS 滚动反弹

ios - 删除 ionic 3 中的 iOS 滚动反弹

问题描述

我正在Hybrid使用ionic-3.

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

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

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

但它们没有任何作用。

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

标签： iostypescriptscrollionic3

解决方案

最后我得到了解决方案。

方法一

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

  • 无反弹
  • 项目清单
  • forceOverscroll="假"

添加如下。

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

推荐阅读