Slide down animation when scrolling in ion-view


The question I’m about to present is simply a design thing that has no real matter but I think if I can accomplish this would be really nice.

I have a view that shows like this (well, a part of it):

And when the user scrolls, the image disappears and it shows like this:

My goal is made something similar to this video that I have recorded to illustrate better the question:

I mean the top animation, the search box that slides down when the user swipes down in the dashboard. I want to create this animation in the container where the image disappears when scrolling down.