iOS scrolling bounce


How to disable iOS scrolling bounce for single page on ionic 2? :confused:
And maybe someone knows how to track scrolling position when bounce occuring?

Cordova CLI: 6.4.0 
Ionic Framework Version: 2.0.0-rc.4
Ionic CLI Version: 2.1.17
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 0.0.47
ios-deploy version: 1.9.0 
ios-sim version: 5.0.4 
OS: OS X El Capitan
Node Version: v6.6.0
Xcode version: Xcode 8.2.1 Build version 8C1002


<ion-content no-bounce>

Thanks for response! This solution working for me only when ion-list height smaller than screen height, so element is not moving - ok. But when many items in vertical list overflows screen height when you scroll down bounce effect occuring. :confused:


don’t know then, sorry

May I ask, did you found any solutions that iOS bouncing issue?

Same problem for me. I’m not using lists, but html content larger than screen size. Cannot turn of bounce.
No problem instead when content fits screen size.

So maybe related to:


Is there a solution to the iOS bounce for Ionic 4?

when I migrated, like months ago so maybe it isn’t the case anymore, the no-bounce was deprecated. there is now a forceOverscroll property on ion-content but not sure it is what your are looking for


Thanks yeah I found forceOverscroll and I got it to work. I just used the scatter gun approach with:

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

And it works. I think it is likely just the forceOverscroll but I haven’t tested that yet as building for iOS is a pain for me.

1 Like

Below solution worked for me and tested only in ionic3.9 :

  1. ionic cordova platform add ios && ionic cordova prepare ios
  2. Then find CDVWKWebViewEngine.m, inside /platforms/ios//Plugins/cordova-plugin-ionic-webview/
  3. Put this line of code at the bottom of the lines and save it.
@implementation UIScrollView (NoBounce)
- (void)didMoveToWindow {
   [super didMoveToWindow];
   self.bounces = NO;