How to pin bar with address bar in mobile chrome?

Question

css

Hello. I am doing a fullpage landing, there is such a problem on mobile chrome:
When you scroll down, the bar line with the site address in mobile chrome disappears, the height changes accordingly. It turns out the following effect:



Below is an empty white strip with a height of a bar with the address of the site that has disappeared.

Actually a question. How to fix the bar with the address bar in mobile chrome, so that it is like here (the bar with the site address is fixed here)? Or how to solve such a problem?

Thank you!

Link to example

Link to sandbox example

Answer 1

Why not just use...?

.div{
   height: 100vh;
}