Hello everyone. It’s my first question here. I need some help Bubblers!
The header in question is quite similar to the header here in Bubble Forum.
It’s a header consisting of a 3 layer header:
Header 1: is the topmost header. It scrolls out of viewport/disappears upon scrolling down.
Header 2 & 3: This is a set of sticky headers. Upon scrolling down, they scroll up simultaneously just like the header containing the Bubble Forum header here behaves.
Thanks in arears.
I’d highly recommend this tutorial from @rico.trevisan
It’s a no nonsense tutorial on how to set up a Good Bubble app once you are passed the very basics. (and also covers floating headers, menus etc which is what you are talking about)
The basic answer I think lies in making the floating group header visible on the condition that the page scrolling position is > X
I think the “trick” is that header 2 and the floating 3 look the same and tricks you into thinking that header 2 started to “float” - or at least that is how I think I’d approach the problem.