Disabling overscroll in Ionic apps

Disabling overscroll/pull to refresh in Ionic 2 apps

Posted on March 21, 2018



Ionic doesn’t seem to provide a way to disable overscroll in their apps. They do provide a no-bounce attribute you can add to the ion-content tag but this only disables the pull/overscroll if the page content fits with the screen.

The only way I’ve found to disable this is to use the ion-scroll tag within ion-content and disable the parent scroll with CSS.

    <ion-scroll scrollY="true">
.scroll-content {
    overflow-y: hidden;

ion-scroll {
    height: 100%;