How to solve scroll snapping with elements of different heights

[agitator]

I got several section with differents heights and would like to scroll freely till a larger section ends and then scroll the next section up to the snap point. Another problem I face is, if the height of the last section is not high as the viewport or scroll-snap-points definition, I'm not able to reach for example the footer because it keeps scrolling back up.

How can I achieve this?