Hide header on scroll

Im looking to hide the header bar when the scroll position reaches a certain point, (example > 30px hide header / < 30px show header) similar to this image.

Any help appreciated!

This posts from joshmorony should help if you follow them well.

https://www.joshmorony.com/creating-a-custom-expandable-header-component-for-ionic-2/

Second Post
https://www.joshmorony.com/creating-a-shrinking-header-for-segments-in-ionic/

1 Like