Ios 禁用内容反弹滚动

在我的

hybrid

应用程序中，可以拖动屏幕刷新列表。在

Android

中，这可以正常工作，但在

iOS

上，当我向下拖动时，有时会将其与滚动页面混淆，从而产生溢出/反弹效果

在

ionic

中，有一个属性可用于禁用此功能，但它不起作用：

<ion-content id="questions" has-bouncing="false">

config.xml已经有以下代码行：

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

---

您需要将

溢出滚动

设置为

false

如下：

overflow scroll=“false”

适用于离子2的离子1.3溶液：

<ion-content no-bounce>

overflow scroll=“false”

或

无反弹

或

无反弹=“false”

有效。。我正在尝试clean ionic project

ionic conference

，并在发言人列表页面将提到的属性应用于ionic内容。。滚动的弹跳未被禁用

cli软件包：（/Users/lucky/Documents/projects/ionic conference/node_模块）

全球方案：

Cordova CLI : 7.0.1 

@ionic/app-scripts : 2.1.4
Cordova Platforms  : android 6.2.3 ios 4.3.1
Ionic Framework    : ionic-angular 3.6.1

本地套餐：

Cordova CLI : 7.0.1 

@ionic/app-scripts : 2.1.4
Cordova Platforms  : android 6.2.3 ios 4.3.1
Ionic Framework    : ionic-angular 3.6.1

系统：

ios-deploy : 1.9.1 
ios-sim    : 6.0.0 
Node       : v6.9.5
npm        : 5.4.0 
OS         : macOS Sierra
Xcode      : Xcode 8.3.3 Build version 8E3004b 

---

使用xcode模拟器iPhone 6 Plus进行测试，我使用的是

ionic 1.3.2

，以下内容对我有效：

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

所有的

在每个
离子内容上都有bouncing=“false”
。我没有做一个彻底的测试来检查完成这项工作的最低要求。然而结果是：在
iOS
和
android
中没有反弹

希望它能帮助别人。
您可以使用

。滚动内容{
-webkit溢出滚动：自动！重要；
}

将其添加到scss文件中。
对于Ionic 4，请使用：

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

。。。
离子4上的
。如果此操作失败，则强制移除弹跳

要删除并强制ios上组件离子内容中的“不反弹”，请创建文件DisableBounce.m
内容如下

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>

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

#导入
#进口
@实现UIScrollView（NoBounce）
-（无效）移动到窗口{
[super didtovetowindow]；
self.bounces=否；
}
@结束

并在平台/ios/CordovaLib/Classes/Private/Plugins/CDVUIWebViewEngine上保存。
这将禁用应用程序中的所有有效反弹。
我想莱昂纳多·皮内达的答案是正确的，但这不是直接更新到本机文件的好方法，我们应该创建自定义插件，它将禁用iOS上的反弹

第一步。从github repo（）克隆插件

第二步。将存储库路径添加到您的
包.json

"dependencies": { BouncingIos : "git+<https://github.com/dtrmangesh/plugin-disable-ios-bouncing>"}

“依赖项”：{BouncingIos:“git+”}
我正在从爱奥尼亚3升级到爱奥尼亚5，并找到了这篇文章。但后来在文档中找到了解决方案。

我使用的是Ionic 5（不确定Ionic 4是否也有效）。只需将
slot=“fixed”
添加到离子组件内的元素中即可：


主要内容
固定内容

它在iOS中工作得非常完美。

来源：
以下解决方案对我有效：仅测试了爱奥尼亚3.9版

运行命令

爱奥尼亚cordova平台添加ios和爱奥尼亚cordova准备ios
然后在里面找到CDVWKWebViewEngine.m
/平台/ios//插件/cordova插件ionic webview/
将这行代码放在行的底部并保存

@实现UIScrollView（NoBounce）
-（无效）移动到窗口{
[super didtovetowindow]；
self.bounces=否；
}
@end
您是否在某个地方设置了overflow scroll=“true”设置？我没有，如果我添加它并将其设置为false会有帮助吗？确实有，通过将其设置为
false
@Kapilsoni:insidetag@radioaktivsir消除正常页面中的反弹效果，但在段段中不起作用，并且在段中存在相同的反弹问题sir？-webkit溢出滚动：触摸；触摸不工作，自动按预期工作。感谢我在爱奥尼亚4中的表现，这个页面在页面顶部已经有了一个条件，但是，不知怎么的，它并没有实现，它应该是通过添加首选项来实现的，但不起作用，这个解决方案对我有效。在爱奥尼亚3上非常有效。我一直试图在iOS上禁用这种反弹效果。非常感谢您添加依赖项后是否需要导入此项？无需添加任何依赖项，请尝试执行这些步骤。这将删除滚动，不会产生反弹效果