moving an item depending on scroll amount of dynamic panel?

Jay shared this question 2 years ago
Answered

Hi, there.


I'm creating an Android App prototype with App Bar at the top, and a long content beneath it in a dynamic pane that is a exactly device screen size.


What I'd like to do is pushing away AppBar out of the screen and bringing it back depending on scroll amount of contents in a dynamic panel. So as a user, while consuming contents as scrolling up, App bar is out of screen and when s/he scrolls back up, Appbar comes back to the screen.


I've tried,


1. Put 'On Scroll' event on AppBar with condition 'if SY > 0'


2. " 'If absolute position of the dynamic panel < 0'


None of them worked. Is there anyone can help me out with this issue? I can't find any similar questions answered.

Comments (3)

photo
1

Hi Jay,


Perhaps Parallax element would be helpful here. Check out these tutorials to learn more about parallax elements: http://www.justinmind.com/support/par...


The condition here for your desired outcome could possibly be On Scroll with condition when SY < Dynamic Panel height with the outcome Show Parallax element.


Let me know how this works for you.


Best,


Danielle

photo
1

337f4120ab4f74d260dbd73ed7914276


What I want to do is, a screen starts like the first one, once scroll up the white box thing above the list pinned below AppBar, once the list comes back to the top, the pinned box transforms back to what it was before.


Would you please have a look my file?


Here is my Justinmind file https://www.dropbox.com/s/8bye0xjn41l...


I simply put a transforming animations of a sticky top on 'On Swipe Up/Down' of a dynamic panel, which, of course, doesn't work the way I want.


It will be really really helpful you can make a copy and implement it for me. A good chance to learn.

photo
1

Hi, Dan. Thanks for reply. Would you please have a look a comment I added below to help me out with this issue?