How to adaptively arrange blocks in height?

Question

JavaScript

Good afternoon. I can not correctly formulate a request for a search engine - accordingly I do not receive an answer to my question. Help solve the problem. I need that on different screens (I'm talking in particular about the screens of computers and laptops, and not about mobile devices - although about them too), the first page of the scroll was the same in height. This, apparently, is most often used in landing pages. At any monitor resolution, only one view will be visible on the first scroll screen, the second view on the second scroll screen, and so on. And they will not go to the adjacent scroll screen at any screen height to the user. I hope I was able to explain. Not strong in JS and jQuery. Thanks for the help!

Answer 1

At any monitor resolution, only one view will be visible on the first scroll screen, the second view on the second scroll screen, and so on.

How about CSS?

.display1, .display2, .displayN {
    height: 100vh;
}

Answer 2

alvarotrigo.com/fullPage