Show/Hide Header when Dynamic Panel Scroll up/down

T-Design shared this question 4 months ago
Answered

I want to make it as image below:

1. when on the top of the screen, hide the header

2. when user scrolls down, the header will show

any idea to help. Thanks


/n2255ZaVzaZNaqaSFptTm8pOZN2JQCKQCCQCiQAEBn6kP2FMBBKBRCARSASGBYF0asMyEslHIpAIJAKJwMAIpFMbGMKsIBFIBBKBRGBYEEinNiwjkXwkAolAIpAIDIxAOrWBIcwKEoFEIBFIBIYFgXRqwzISyUcikAgkAonAwAikUxsYwqwgEUgEEoFEYFgQ+H95DPvRnJ9HFgAAAABJRU5ErkJggg==/ZUA2s5AAAAABJRU5ErkJggg==

Comments (3)

photo
1

Is the header within the Dynamic Panel, or is it outside of it on the Canvas?

photo
1

The header is outside the Dynamic Panel and on the canvas. It is above the Dynamic Panel and hidden. when the user scrolls down, the header will appear. when the user scrolls up to the top, it will disappear

photo
1

We have a parallax widget library with this kind of header included. Go to Widgets -> Add/Remove libraries -> add the parallax widget library, and choose the floating menu widget.