Ionic Holiday Calendar Day 21 - Ionic Sticky List & Fixed Slot

If you want to replicate the iOS contact list with sticky headers or just need an element always fixed to the top - here's how to do it!

The training platform for everything Ionic. 40+ Ionic Courses, Ionic tutorials and private community to help you learn Ionic fast.

#############################

Want to read instead of watch? Here's the full Ionic tutorial: XXX

#############################

You can also find me...

#############################

[Dimitri]

For this use case you could also use ion-item-divider with the attribute sticky="true"

[MiNombreEsGuevara]

In the next episodes (or even the next year) you should make a video about the Status Bar, how to make it transparent or to have the Color (dynamically) of the ion-header, or even to have a part of an image displayed inside (like Airbnb App).

[CraigShearer]

Your first pronunciation of "carousel" was correct :)

[Travelling_JayParmar]

Many thanks for all your videos Simon.
I have requirement where I have a sticky buttons on the top like you have in second tab along with the sticky list header as you have in first tab. When combining both of your tabs in one tab (stickey list header and sticky buttons on top which scrolls to corrspondig list header), I find scroll towards top does not work with top buttons, but scroll to bottom works fine. COULD YOU PLEASE HELP ME? MANY THANKS