How to stop vertical scroll between projects

Hi, I’m having an issue with vertical scrolling across multiple projects in my portfolio.

I have 3 main projects. Each project is made up of several pages that scroll vertically into one another.

I have a landing page with links to each project (via titles/navigation). The links work, but when you scroll through one project, it continues straight into the next project instead of stopping.

What I’m trying to achieve is:

  • Each project should scroll through its own pages

  • But stop at the end of that project

  • Without revealing the next project below

I understand that turning off vertical scroll would stop this, but I need vertical scrolling within each project.

I’ve attached a wireframe to show the intended structure.

Is there any workaround or method to isolate scrolling per project section? Or any code solution that might help?

It feels like a pretty fundamental portfolio setup, so I’m surprised I can’t find a way to do it.

Thank you so much!