Implementation is here. what I want to achieve is sth like the left filters group here (see pic also).
I have a RED group and an (initially hidden) BLUE floating group (blue-FG). I also have a repeating group (RG).
What I want is:
once the FG appears I want the RG to not scroll upwards anymore (i.e. I want it to behave like a floating group). I have tried two things (in a private implementation), but none is fully satisfying:
hide the RG and add another RG inside a new left-floating group.
set a dynamic margin of the RG. however, this means that every time the user scrolls, the margin changes and this produces some small movements of the RG that do not look good
the ideal solution would be to set the position of the RG relative to the FG once the FG appears. but I do not know how to do this.
Using pure vanilla Bubble, duplicating the groups you want to become sticky, and turning them into floating groups… then, at a certain scroll position just hide the regular groups and show the sticky groups using conditions: (this method requires duplicating elements, but avoids having to use any custom CSS)
As already mentioned in this thread, you can add some custom CSS to your elements to make them sticky at certain scroll positions (this is probably cleaner and simpler, although both methods produce the same results):
thank you @lantzgould@oliviercoolen and @adamhholmes (and @rico.trevisan ). each one of your solutions is what I was looking for and saved me a lot of time. amazing what you guys do for the community, thanks again
