I'm trying to create a header for the account page of my app so that the header disappears when it is scrolled. However some part of its contents shall remain and reshaped.
Here's what I mean..
Assume that we have a profile page like the following ..
https://i.stack.imgur.com/YWkwP.png (here the circle represents user's profile pic and the text below, is the user's name.)
When we scroll the page I want it to become like this ..
https://i.stack.imgur.com/u5Nej.png (after the scroll only profile pic and the username remain and other contents disappear, so that the username comes right to the left of the profile pic and the profile pic is resized)
I do not have any clue how to handle this. Would appreciate any help. Tanx.
1.4m articles
1.4m replys
5 comments
57.0k users