Sticky section scrolling

Hi

im just trying to create a design were the entire page scrolls until a certain section is in view, that section then sticks until the content within that section has been scrolled through, which will then enable the entire page to be scrollable again.

I have made a quick prototype within Figma just to demonstrate the effect I’m looking for.

any help will be much appreciated

Scrioll example


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