Stop page from scrolling, scroll text and continue site scrolling

Goal
When the user reaches the section with the blue circle. Scrolling the page must scroll the text. When the text reaches the end, continue page scrolling.

What i’ve tried

  • With the animation “scroll in view” i can move the text up
  • To temporarily disable page scrolling i wrap the divs below in a “hidden div”, but the “scrolling in view animation” has no show/hide trigger to continue the scroll.

Any suggestions? Or example projects?