Question: I hope you can point me in a right direction.

I would like to replicate navigation, that is similar to one on this website:
<http://vsamarehorosho.ru/>

Basically, the idea is that you don't allow user to have different sections of the website to be on a screen at the same time.
So, if the section is larger than a screen it scrolls until you reach the bottom of the section. If you scroll further, you jump onto the next section.

If section is smaller than a screen size, you will see the main section at the top and part of the next section down the bottom, but when you try to scroll, next section jumps to the top and the one after it shows down the bottom only if this one is smaller than a screen size.

On the example, all slides are 100% height, but that's not always achievable.

Hope you can help me.

Answer: 
wrap all sections in a div with height of 100%;

this way, 
if section is under 100% height, the wrapper will help ensure that only one sections shows on page.
if section height is over 100%, the scrolling can occur on the wrapper, rather than on the page.
I made a library that can make it possible. (fullpage.js)

It even works with smaller sections.