I need help with a scroll interaction on my homepage.
What I want is this in the section with the heading “Why to use Tochat”: https://tochat-th.webflow.io/
So I want two divs next to each other with a smooth scrolling interaction: in the left div, the content should scroll down (from picture to text; value on the y-axis goes from 0 to -100%) while in the right div, the opposite should happen: scroll up (from text to picture; value on the y-axis goes from -100% to 0%).
Now I ended up here but I don’t really understand what to change/adapt to have it run smoothly like in the example above: https://vetterli-roth-partners.webflow.io/
Maybe someone can help?
Here is my public share link: Webflow - Vetterli Roth & Partners