How to make stack/items alway visable within sticky section/layout set to max 100 vh without the items dissapearing under the next section?

Ask the community
2

Hey Eloisa,
I saw your site, very cool use of sticky :slight_smile:

When setting elements/sections to sticky they also go to in front of other sibling elements in the Z axis.

Because you set all the sections to be sticky, to achieve that cool “card stacking” effect, each section will go over the previous one, so that is expected.

My hunch is that the text and image you are using have a combined height which is grater than 100vh so it overflows the section it’s inside of.

So your options are either to change sizing or make them relative to the height of the view port as well, to make sure it does not overflow, or to make the section taller than 100vh, but that will not look so good with the “card stacking” effect.