How to create visible header while scroll

how to create visible header while scroll below my example

Any help or suggestion would be highly appreciated
Thanks

In your you can add ionScroll event
<ion-content [scrollEvents]=“true” (ionScroll)=“onScroll($event)”>
and in your typescript you can catch this
onScroll(ev){

//You can display message using https://ionicframework.com/docs/api/toast[set position to top if you want to display message at top of the page] if this function got invoked

}

Let me know this is helpful or not ! Thankyou.