Animated Scissor Effect on scroll, with Drei

[Polfunus]

Hi, everyone!

I need some help with the View Component of Drei. I want to animate the Top and Bottom of the View on scroll. At the moment i can only animate the div, and the problem is that if i animate the height or move it from bottom to top, the 2 scenes don't overlap correctly.

https://www.youtube.com/watch?v=1A0uFRjhro4&list=PLD7hCj4tTGwVyKYhD02IQlbTnMban3DmY&index=33&t=6088s

i want to have the same effect as in the video above. I have done it without react but i don't know how to put it into a react app.

Thank you in advance!