How to do this simple Scroll Animation?

Ask the community
, ,
1

Hey everyone,

I’m looking for some advice on how to create a slider similar to the one on this website: https://homeandstyle.at/ using Wix Studio.

So far, I’ve tried using the basic animations available in Wix Studio, but I haven’t been able to achieve the same effect without diving into code.

Any tips or guidance would be greatly appreciated! :pray:

Thanks in advance!

2

Do you mean the timeline that changes with scroll?

1 Like
3

Yes, Exactly that one! I shouldve made it more clear.

4

Use vertical lines and container with text. The lines for timeline, the text and container for the number.

Then use CSS grids or flexbox to add each line and container in one box.

In animations, use the reveal animation for the vertical line and add the sticky position on the container with some offset.