Make group move like a floating group when scrolling

Hi Forum,

Don’t think this has been asked before, I have a group that I want to move like a floating group (scroll with the user view) but only within the group. So when you scroll it moves within the group down, but when you’ve passed the bottom of the group it stays at the bottom of the group.

For example, the reserve group like AirBnB has it here. It scrolls with your view, I wanted my offers group (see below) to do the same within it’s property information group.

Thanks.

This has definitely been asked (and answered) multiple times here on the forum over the years and, like with most things, there are several ways to achieve this…

But the simplest way (I think) is using the position: sticky CSS property.

Here’s an example:

Sticky Group Scroll (bubbleapps.io)

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