Fixed Vertical Section Scroll in Webflow

Subscribing to Webflow through the affiliate link above will give me a commission, which helps me lots. Thank you so much.

This video will show you how you can create a really cool vertical fixed section scroll animation in Webflow. All sections are actually stacked on top of each other because of their fixed position (and different z-indexes) and are then animated upwards (0% to -100% on the Y-axis) while scrolling in view.

It actually creates kind of a sweet effect that I really enjoy hehe. I hope you do to.

[kdcancnls]

Thanks, love watching your tutorial, easy to follow and short, but straight to the point!

[olgaperesunko]

Thank you for this video. Super!
I'm looking from Ukraine

[mariaarkadieff]

Also when You select something maybe wait 1 sec before You klick so people can find the spot easier when scrolling back or forward :)

[mariaarkadieff]

Hey! Thank You very much. This IS what i was looking for. But it would be more efficient for me if You complete window was in view. Like this i need to scroll back again very often to check what element exactly is selected.
Thanx again! :)

[tsvetomiraivanova]

Thanks for the video! I have a problem though, I am trying to use this scroll for a section in the middle of the page and the content stays static from the top of the page...how do I fix that?

[jonathanT]

Hi Robin is there a way to do this with CMS items? Thank you!

[Lortsaf]

can you make a video showing how to do this same animation but in reverse meaning the sections scroll from down to up

[louhaveman]

Maybe an experience webflow user can follow, but for me with limited skills, I lost you after a couple of minutes.