Workarounds for tip on viewport height #146

Thanks for this. I'm experimenting now and learning the ins-and-outs of scrolling. The readme includes this tip:

Avoid using viewport height (vh) in your CSS because scrolling up and down constantly triggers vh to change, which will also trigger a window resize.

I presume you're referring to how mobile browsers show/hide the navbar in the app when the user scrolls "back up". Is that a correct assumption? Do you have any suggestions for workarounds? I use vh quite a bit and I'm struggling to imagine a good alternative that scales with the user's device.

For example, if I want a block to sit stickied in the middle of the screen while other stuff scrolls by, wouldn't I need to use 100vh on the parent container? Here's a simple example:

https://codepen.io/natewr/pen/WNaWvoL