How to bypass auto block height change in mobile browsers?

Question

css

Hello, we encountered such a problem in the mobile versions of google chrome when layout, I make a block with a height of 100vh, but in mobile chrome the address bar is resized automatically when scrolling, that is, the height of the screen without the address bar is initially taken, and when you scroll and address is removed, then the current height of the screen is taken, just because of this such an unpleasant shift to the bottom is always when scrolling, how did you fight?

Answer 1

Alternatively - https://gist.github.com/scottjehl/1183357