About tracking current scrolling position?

How to hide header while scrolling down and show it up when scrolling up?

1 Like

You use a “do every second” workflow. The action would be saving the “current scrolling position” into a state.

Then you use a “do when condition is true” workflow. The condition is “only when state is greater than current scrolling position and header isn’t visible”. The action for this would then be to show (or animate show) your header because the user is now scrolling up.

Then you repeat this “only when state is less than current scrolling position and header is visible”. The action for this would then be to hide (or animate hide) your header because the user is now down.

Let me know if this works out for you,
Daniel

3 Likes

What I do to make my header appear and disappear is put my header in a floating group. Then I make the following conditional formatting on the floating group:

Whenever the user scrolls more than 20 pixels from the top of the page, the floating group (containing my header) disappears. I also like to set the following options on the floating group to animate the disappearance:

05 AM

This is different from @dbevan’s technique in that his header will appear/disappear whenever a user scrolls up and down from ANY point on the page, whereas mine will appear/disappear whenever the user scrolls past a CERTAIN point on the page. Play around with both techniques and see which one works for your purposes.

6 Likes

This topic was automatically closed after 70 days. New replies are no longer allowed.