How to let groups appear while scrolling down?

[wout.declerck]

Hello!

I made a marketing page with 5 different groups below each other.

Now I want to hide the groups and create the effect that when you scroll down the groups start appearing with an animation like fade in.

How do you do this?

[senecadatabase]

I haven’t done anything like this, but, it’s an interesting question.

Here’s what I think I would do to make this work.

I would only show group 1 on page load and hide the other 4 groups.

Then starting with group 2 I would do a workflow that when group 1 was not visible to show group 2 and animate it to fade in.

Then on group 3, I would do a workflow that when group 2 was not visible show group 3 and animate it to fade in.

I would then do that for group 4.

Using this workflow I think bubble recognizes a group as not visible when the top of the group scrolls out of view. My thoughts.

I think this is something you could try.

You might need to adjust the animation, but I think it would work.

Added: Now that I think about this, I think you could probably also just use conditions and set the animation for group 2 etc.