要在ios滚动离子3中禁用弹跳效果

Question

我尝试了一些方法来禁用弹跳效果设置no-bounce属性到ion-content

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

并为离子内容添加样式以禁用反弹。仍无法解决我的问题。

Answer 1

此功能可在Ionic 4上使用。 （对不起，我没有解释。）

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

Answer 2

离子4

<ion-content forceOverscroll="false">

仅使用forceOverscroll =“ false”对我有用，文档中说的恰恰相反

Answer 3

几个小时后，我从Github问题中找到了答案，我想分享解决方案，然后将其禁用iOS设备中的弹跳效果。

步骤：

1. 运行命令ionic cordova platform add ios && ionic cordova prepare ios
2. 然后在CDVWKWebViewEngine.m内找到/platforms/ios/<ionic-project>/Plugins/cordova-plugin-ionic-webview/
3. 将此代码行放在行的底部并保存。

@implementation UIScrollView (NoBounce)
- (void)didMoveToWindow {
   [super didMoveToWindow];
   self.bounces = NO;
}
@end

信用链接：https://github.com/ionic-team/ionic-v3/issues/113

在Ionic 4上测试，可在iOS设备上运行

Answer 4

我通过以下方法解决了我的问题：

<ion-content scrollY="false">

Answer 5

版本：Ionic 5+

似乎有多种方式：

禁用反弹和禁用垂直滚动：

std::this_thread::sleep_until

问题 这也一般禁用滚动，这是人们现在可能想要的。

禁用弹跳而不禁用滚动：

<ion-content scrollY="false">

这在我的情况下非常有效，尽管 the documentation 对这个标志有点困惑。