禁用内容弹跳滚动

Question

在我的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"/>

Answer 1

Ionic 2的解决方案:

<ion-content no-bounce>

Answer 2

您需要设置overflow-scroll为false:

overflow-scroll="false"

Answer 3

对于 Ionic 4，请使用：

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

Answer 4

在离子 4 <ion-content no-bounce has-bouncing="false" forceOverscroll="false">。如果此失败强制删除弹跳。

要在 ios 上的组件 ion-content 中删除并强制不反弹，请创建文件 DisableBounce.m 并包含以下内容。

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

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

并保存在平台/ios/CordovaLib/Classes/Private/Plugins/CDVUIWebViewEngine。这将禁用您应用程序中的所有效果反弹。