Question:
I created some sticky stacking cards, but after they go up, the last one sticks to the top of the screen and I can never see the content that should come below it on the page. I had 4 sections.
The scetion is a repeater with 400vh, each card has 100vh. If I take away the 4th card, this sticky scroll seems to work. What am I doing wrong?
Product:
Wix Studio
What are you trying to achieve:
Example video: Sticky not working
What have you already tried:
Hiding the 4th container seems to work, but I want 4 containers. Why is this effect not working?
Additional information:
Using repeater with each section set to 100 vh
Sticky effects apply to an element within its parent (until the bottom of the parent leaves the viewport).
For example, if I have a container parented to a section and set to Sticky, it will only be sticky within its parent (the section) until the section leaves the viewport.
The same applies for sections - their parent element being the page. Since the page never really leaves the viewport, the sections will remain sticky. If you have other sections below them that need to scroll over them, make sure to arrange their order and “bring to front”.
It’s also worth checking if the section or the repeater are set to Sticky
1 Like
Is "bring to front like Y index? Would be great to adjust this manually for more complex effects.
Completely missed the video in the original post 
Okay - it’s not quite what I originally thought it was.
It appears you’ve probably got 4 rows in the section set to 100vh (as such)
But the height of the section is set to a measurement that doesn’t add properly (like 350vh).
I’d probably set the section height to Auto and you should be good to go 
