iOS scrolling bounce

Hello!

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

Try

<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:

:frowning:

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:

or

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

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

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