Hey everyone, just wanted to share something cool I found out with some help, to recreate Stacking cards on scroll with HTML / CSS.
To do so, create an HTML element on your page and fill it with the HTML and CSS from this link : https://codepen.io/tutsplus/pen/yLZBExg
You should put the CSS in brackets in the header of the HTML, and put !important statements after every CSS line.
For the layout of the HTML element, select “Display as an iFrame”, otherwise it won’t work.
And that’s it ! you have a beautiful stacking cards on scroll effect in Bubble
Hey @ridwan ,
In the end it didn’t fit my needs exactly in terms of responsive so I ended up using a free bubble plugin called ‘Sticky Scroll’. In one big container I have created my four cards that I want to stack on top of each other. Then I have added four “Sticky” elements to the container, one per card.
The final step is to configure each “Sticky” element with the ID of each card and the offset desired.
