Prevent fixed-position background-image: cover from resizing in mobile browsers upon address bar hide

Question

Sorry for a lack of example on this one, but I figure it\'s easy enough to understand.

I have a fixed background on my site, which is currently implemented like this

Answer 1

For those still looking around for an answer, you can use the new vw and vh attributes with an element that is position: fixed.

This scrolls while the address bar moves/shrinks/etc., then remains fixed on the page.

#bgimg {
  display: block;
  background: no-repeat url(bg.png);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 120vh;
}