Making use of position:sticky in more complex UI designs


#1

I am really fond of the UI on the Spotify iOS app and wondering whether it would be easy to duplicate the effect on the profile view using ionic.

If you visit spotify on iOS and visit your profile. As you scroll up the view drags as expected. When scrolling down the top area with your profile photo and name stays sticky while the data below it scrolls up over the top of it, then your name appears in the header bar once you have scrolled down far enough.

I was wondering if anyone had any ideas if this sort of UI could be achieved using an angular directive of some sort?
Hard to find examples and think of google search terms.

Many thanks


#2

Hey,
This feature is already under consideration.
Vote here:

Here are some hacky directives you could try: