'Vertical carousel on scroll react

I want to have a section of the website which is fixed while to slide the carousel on scroll (vertically). Once you are at the last slide the scroll will let you continue on the page instead of changing the slide of the carousel. No idea on how to do this

row with a different background color which remain fixed while the user slides through the carousel slides by scrolling the page. once we arrive on the last slide the scroll will do the usual function on the page

example https://www.petitmoulinstudio.com/#comp-kmkqr752



Solution 1:[1]

https://symphonious-souffle-1d5ccb.netlify.app/

You set fixed left side bar then use observable api to determine when the last component is in view at which point you set the fixed side bar to normal so it is released

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Doug Mcqauy