Disable ion-content "pull" in iOS

#1

ionic version: 4.0.5
iOS version: 11.4.1

If you create the ionic tabs starter project, and run it on iOS, you’ll be able to pull the content on the page and watch it bounce back into place. How can I disable that?

I found some topics about the ‘pull-to-refresh’ feature, but they don’t seem relevant. I also found some old posts that suggest I add this to my config.xml but it didn’t work.

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

Any help would be greatly appreciated!

#2

I noticed that on my desktop browser the affected content areas had scroll-bars on them. So I tried to disable the scroll by setting the overflow to hidden. This didn’t work either unfortunately. I think I’m on the right track though, I’ll keep plugging along.

page-home {
  .no-scroll {
    overflow-y: hidden;
  }
}
#3

Ok, found it. Adding no-bounce to the ion-content tag worked like a charm.

<ion-content no-bounce></ion-content>
1 Like