Vertical Scroll

Design help Animations & Interactions
1

I would like to add some vertical scroll to a process section I’m working on. The idea, is that as you scroll it highlights the numbered section on the left and shows the relevant content on the right.

The left column would be sticky until all 5 sections have been scrolled through.

As you scroll it highlights the next number and the new text scrolls into view. Transitioning from zero opacity to 100% when in view.

Not sure if I should be using link blocks or what really.

https://preview.webflow.com/preview/vertical-scroll-section-f79859?utm_medium=preview_link&utm_source=designer&utm_content=vertical-scroll-section-f79859&preview=09ff1ace8efec2454f43434921482149&workflow=preview

I’ve been looking for a similar example but can’t find one.

If someone can point me in the right direction that would be great.

Thanks,
Steve

2

you can look on this to get some idea but event it is NOT NO-CODE you can get code from GitHub and experiment what you will use.

good luck

3

Thanks Stan. Looks good. Probably stretching my abilities a bit too far, but I’ll have a play…

1 Like