HeaderComponent is leaving an empty space

[cicerone-f]

When starting to scroll content down, the HeaderComponent is immediately removed.
If for instance my header height is 100 and the content has scrolled for only 20, we have 80 empty from top to content which i feel should not be the case.

Possible solutions in my opinion are:

• trigger the animation only after the height of the header has been scrolled
• if the scrolled portion is less than header height, translateY all the content between header in order to fill the gap