I have been trying to simulate the same effect as https://replit.com/ has with their split scrolling.
Here is what I got so far: https://codesandbox.io/s/silly-goldberg-o18f3t?file=/src/App.js
I cant seem to get the left side to scroll with the right side.
So when I scroll from the right side, it seems to be fine but when I scroll from the left side it goes straight to the next section of my website without scrolling through the images.
Basically I need them to be scroll at the same time regardless where the cursor is until the right side is done scrolling.
Am I going about this all wrong? Should I be using a library like gsap?
Thanks for your time