Partially hiding an ion-card on content scroll

I have a ion-card element with an image, description and details field inside the card element then a long list of items under the card, how do I partially hide the ion-card and leave the image at the top, while the user scroll through item below the card, and also pull up the ion card fully when the user scroll back to the top of the screen?