0

For some reason Ionic think that my page has content and is adding in a scrollbar. Here is my page:

enter image description here

And the code for the page:

   <ion-header>
       <ion-navbar>
           <ion-title>Week</ion-title>
           <ion-buttons end>
               <button ion-button icon-only (click)="createPage()">
              <ion-icon name="add"></ion-icon>
              </button>
          </ion-buttons>
      </ion-navbar>
  </ion-header>

<ion-content padding>

</ion-content>

I found this thread here which tells you how to remove the scroll bar, which I can do but I want to track down what is causing it to appear in the first place.

Any ideas are appreciated. Thanks.

Community
  • 1
  • 1
oreid
  • 1,336
  • 2
  • 13
  • 25
  • I can see you are using --lab, if you use ionic serve instead and use chrome dev tool, this scroll bar will be gone. This only happens if you view the app pages with browser engine. If you view this page with mobile, the scroll bar will be gone. – bennyxguo Apr 25 '17 at 05:46
  • Thanks for the reply! It looks like the scroll bar has disappeared, but I am still able to scroll a little bit. I'd like to find the cause of this if possible. – oreid Apr 25 '17 at 08:55
  • From what I have tried , if you add content into your content section the scroll bar the page will no longer be scroll-able unless you have exceeded the view maximum height. Without digging into the codes, I can safely assume the ```fixed-conten``` has the default property of 100% view height if nothing is in it. Anyway help you find our the answer you want. – bennyxguo Apr 25 '17 at 09:27

0 Answers0