CODEWITHSUNDEEP
iostypescriptscrollionic3
Sandip Moradiya
Sandip Moradiya

Reputation: 726

Remove iOS scroll bounce in ionic 3

I’m developing an Hybrid app for both iOS and Android using ionic-3.

On Android, when the user reaches the bottom of the page, the scrolling stops. On iOS, when the user reaches the bottom of the page it “bounces” past the end of the page and shows a white background. I don’t want it to do this - the background of my page is dark grey, and this overscroll looks terrible.

I’ve already added the following three lines to the config.xml file:

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

But they don’t have any effect.

What else can I do to prevent this over-scroll, bounce effect?

Upvotes: 0

Views: 1195

Answers (1)

Sandip Moradiya
Sandip Moradiya

Reputation: 726

Finally i got solution.

Method 1

I need to add 3 attribute to my ion-content tag

  • no-bounce
  • List item
  • forceOverscroll="false"

Add as like below.

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

Method 2

Simply run npm i [email protected] in your project's directory :)

Upvotes: 1

Related Questions