iOS scrolling bounce

hexbooster · December 22, 2016, 8:36am

Hello!

How to disable iOS scrolling bounce for single page on ionic 2?
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

reedrichards · December 22, 2016, 9:15am

Try

<ion-content no-bounce>

hexbooster · December 22, 2016, 12:50pm

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.

reedrichards · December 22, 2016, 4:20pm

don’t know then, sorry

reedrichards · January 8, 2017, 2:18pm

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

pvaltorta · February 6, 2017, 3:22pm

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.

reedrichards · March 31, 2017, 2:00pm

So maybe related to:

or

wekas · August 12, 2019, 6:48am

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

reedrichards · August 13, 2019, 4:28am

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

reference: https://github.com/ionic-team/ionic/issues/15106

wekas · August 13, 2019, 5:14am

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.

RomnEmpire · June 12, 2020, 10:16am

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

ionic cordova platform add ios && ionic cordova prepare ios
Then find CDVWKWebViewEngine.m, inside /platforms/ios//Plugins/cordova-plugin-ionic-webview/
Put this line of code at the bottom of the lines and save it.

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