How can I disable or hide the scrollbar within an Ionic 2

Question

I have an Angular 2 app wrapped in Ionic 2. I\'m using , and within each tab is an . The content in this area ne

Answer 1

Add this css into your styles,

I fetched this class from inspect element which contains scrollbar and items

ion-scroll.scroll-y .scroll-content::-webkit-scrollbar{
  display: none;
}

worked for me

Answer 2

I am using Ionic 2 rc 0

My solution is to use an ion-fixed attribute on a div I called envelope.

(in rc 0, you can't add ion-fixed to ion-content)

<ion-content>
  <div id='envelope' ion-fixed>
  </div>
</ionic-content>

#envelope{
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  height: 100%;
  overflow: hidden;
}

Answer 3

In ionic2 I saw overflow-y is set to scroll by default so in your src/app/app.scss file try this:

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

This will hide scroll bar from every view and also enable scrolling when it has content.