Question

所以我一直在维护这个应用程序很长一段时间。它适用于Android我想要的方式，因为Android未经您的许可不会添加愚蠢的反弹效果。我仍然希望内容滚动，只是没有弹跳效果，因为它在iOS上执行弹跳效果时完全打破了我的视线。

一两年前，当我启动这个应用程序时，我设法在我的config.xml中使用它来摆脱滚动弹跳效果：

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

但这似乎不再起作用了。我最近几个月没有接触过这个项目，所以我不确定Ionic从那以后发生了什么变化。还有其他方法可以禁用内容反弹吗？

修改：我已经在has-bouncing="false"上尝试了no-bounce和ion-content属性，这些属性没有做任何事情。

Answer 1

好吧，我确实找到了一个解决方案，但它不仅可以阻止反弹，还可以禁用平滑滚动。在这一点上，我甚至不在乎，我很高兴它现在正在工作。

.ios {
  .scroll-content {
    -webkit-overflow-scrolling: auto !important;
  }
}

Answer 2

尝试一下：

<ion-content [scrollY]="false" [scrollX]="false">/<ion-content>

根据需要进行更改。

Answer 3

您可以在离子内容上使用无反弹标记，如下所示：

<ion-content no-bounce></ion-content

Answer 4

我知道iOS设备具有不同的滚动行为，无论您在ionic中添加什么内容都行不通，所以但这需要做其他事情。

这是我的库，用于消除iOS上的弹跳效果。

https://www.npmjs.com/package/disable-ios-scrolling

Ionic 3禁用iOS

4 个答案: