Scroll within a group container

I have my main page, within that page there is a group, which sort of displays like a card.
I would like the card to display the various sections of my intended website.

Although the card size is defined, and the entirety of the card can be seen, I would like to be able to scroll within the card to display the next section of my website, all contained within the group

A precise example of what I am trying to describe can be seen on this short video
Example

You can fix the maximum height of your group and check the Allow vertical scrolling when content overflows

Thanks for your swift reply, however this changes the size of the group and associated borders etc, I want the group dimension to remain as already defined but allow scrolling within the defined height and width.

is there another solution you can think of?

How have you currently defined the height of your group?

here it is

my website

As per my understanding and your current config, it should be allowing you to scroll vertically.

Can you confirm that elements not shown in the card/Group A are indeed not hidden and with non-zero height?

yes the elements are not hidden and all have defined heights

in the preview I cannot even see the next section, its like its disappeared or hidden below

I’ve tried to replicate your setup and it works for me. We might be ignoring some important point in your config.

Do you mind sharing your editor with View permission to see what’s wrong?

im still quite new to bubble, how do I do this?

Just set this value to Everyone can view.

You can pass me the link of your editor, i.e. https://bubble.io/page?id=<appID>&tab=Design&name=index via DM. Just have in mind that anyone could see your editor, as long as they have the link, while your app with this config instead of Private app.

You can alernatively add me as collaborator with view permissions, but you’ll need to be in a Growth plan for that,

done ASK Faithfully | Bubble Editor

You need to set Group A to a Container layout column. You currently have it to Allign to parent, so all elements are on top of each other. That’s why the vertical scroll does not appear and you are only able to see the element on top.

1 Like

Many thanks

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