Switch content based on scroll - that can be scrolled both forwards and backwards

Design help General
1

Hi Webflow community,

I’m trying to create a scroll-based animation that switches text as you scroll. I managed to achieve the effect using interactions, but it’s a bit glitchy. Additionally, when I scroll back up, the text content overlaps, making it unreadable.

I need a better way to change text smoothly with scrolling, allowing the text to switch back to the previous content when scrolling up. Any suggestions on how to fix this?

Thanks!

Here is my site Read-Only: [**[LINK]1*]
(how to share your site Read-Only link)

https://field-work-a7eabc2cb4c0fa-4aa16e80ec528.design.webflow.com/?locale=en

2

Here’s a great video, I think this is what you want to achieve

3

Hi Yakub,

Thanks for the reply, I have looked at it but I wonder if there’s any way to achieve this without gsap.

Thanks

4

Hello, I have no clue. What I would have done is to clone the same project:

You can “steal” it and change it as you want