Ionic2 hide and show header with scrolling

Ionic2 hide and show header with scrolling

Header hide and show with scrolling

$10.00

Sangyun

Sangyun

Member since 2016

Details

Version:
1.0
Ionic:
2.x  
Platforms:
iOS, Android  
Released:
4 years ago
Updated:
4 years ago
Category:
Plugins
Tags:
,

This plugin is based on ionic 2. If you want header to hide, just scroll down. On the contrary, if you want header to appear, scroll up.

Add cover header css.

I was difficult to find a solution as the ionic version upgrade. So, I hope to help you :D

Thank you.

View my Youtube channel at: https://youtu.be/TLsB-N4rjXg

*Change code

  • src/pages/page1 html, scss(cover header), ts files
  • src/pages/page2 html, ts files