Can't hide the scroll bar in ionic 3


#1

i want just hide the scroll bar note the functionality…

i have tried a lot …

somebody please help

my package details:

cli packages:

@ionic/cli-utils  : 1.19.2    ionic (Ionic CLI) : 3.20.0

global packages:

cordova (Cordova CLI) : 8.0.0

local packages:

@ionic/app-scripts : 3.1.8
Cordova Platforms  : none
Ionic Framework    : ionic-angular 3.9.2

System:

Node : v8.11.1
npm  : 5.8.0
OS   : Linux 4.13

Environment Variables:

ANDROID_HOME : not set

Misc:

backend : pro

#2

Try:

<ion-content no-bounce>

  ...

</ion-content>

See: How to remove scroll?


#3

You have not yet set the ANDROID_HOME path


#4

i already tried it …but doesn’t work for me


#5

See:

  <ion-nav main [root]="rootPage" #content swipeBackEnabled="false" [class]="theme"></ion-nav>

And:

  /**
   * @param {boolean} disable  Show/Hide the vertical scrollbar
   *
   * @example
   * this.setDisableScroll(true);
   *
   * @returns {void}
   */
  private setDisableScroll(disable: boolean) : void {

    let scroll = this.content.getScrollElement();
    scroll.style.overflowY = disable ? 'hidden' : 'scroll';
  }

#6

I just put the following in the app.sccs file:

.scroll-content {overflow-y: auto;}


#7