Best solution for the ion-content with scroll part

My ionic app will have one page with a scrolling part. Like the following code.

<ion-content>
   <div slot="fixed">
      //Fixed Content
   </div>
   <ion-list>
     <ion-item></ion-item>
     <ion-item></ion-item>
     <ion-item></ion-item>
     ...
   </ion-list>
<ion-content>

When I try to use this code, a fixed part covers a scroll part. So user can’t see some scroll components under the fixed part. I don’t want to have a such case. What is the best solution to show all scroll components with the fixed above part? For the responsive UI/UX, I want to avoid to give fixed height for all parts. Please advice me.

This is probably a stupid question, but why isn’t the “fixed content” in <ion-header> instead?

I think ion-header as a navigation-bar. But I realized that I can use ion-header widely. Thank you.