Header and Footer Scrollable

Ionic Framework ionic-v3
1

Hello, Im new to ionic. headers and footer seems to be fixed in ionic. I want them to be scrollable along with ion-content. Is that possible?

2

Use ion-toolbar in your ion-content.


(1st sentence)

3

Yup.
but position=“bottom” seems not to work.
<ion-toolbar position="bottom">

4

Why are you tyring to use position then if you want to place it at the bottom?

5

Yup. I need footer and headers to be scrollable.
If I put the ion-toolbar under ion-content. I need to set the position right?

6

Don’t think so. Place the tag in your content.
It will position itself depending on your content. Just give it a try and watch what happens.

<ion-content no-padding>
  <h1>Hi</h1>
  <ion-toolbar>
      some content
  </ion-toolbar>
  <h1>Hi</h1>
  <ion-toolbar>
      some content
  </ion-toolbar>
  <h1>Hi</h1>
  <ion-toolbar>
      some content
  </ion-toolbar>
</ion-content>
1 Like