Impedir imagem de plano de fundo em posição fixa: a capa é redimensionada em navegadores móveis após ocultar a barra de endereço

Desculpe por falta de exemplo, mas acho que é fácil o suficiente.

Eu tenho um plano de fundo fixo no meu site, que atualmente é implementado assim:

#background {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #28305e;
    background-image: url(../images/background.jpg);
    background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
    z-index: -10;
}

<div id="background"></div>

Até o momento, isso é ótimo em todos os navegadores, exceto nos navegadores móveis, onde eles ocultam a barra de endereços na rolagem para baixo. Quando a barra de endereço está oculta, a janela de exibição se expande verticalmente, e a imagem de fundo é redimensionada. Nesse site específico, será comum os usuários rolarem para cima e para baixo, e o efeito é perturbador.

Alguma idéia ou estratégia para contornar isso ou implementar o plano de fundo de uma maneira diferente?

Eu poderia envolver a coisa toda em um contêiner fixo e definir o estouro-y para rolar, o que evita que a barra de endereços fique oculta, mas prefiro não fazer isso (o Google Glass não pode rolar por esses contêineres, haha ... Gostaria de fazer uma demonstração lá também).

Eu tenho tentado pensar em algo que fornece a imagem de plano de fundo: cubra a funcionalidade com algum tipo de buffer, para torná-lo maior que a viewport e não será renderizado novamente, a menos que a viewport seja expandida além desse buffer, mas eu não tenho certeza de como implementar isso.

EDITAR: Na verdade, eu implementei isso e detalhei o processo em uma resposta abaixo. No entanto, mesmo com essa configuração de buffer (que estende a altura da imagem de plano de fundo para ser mais de 60 pixels maior que a altura da janela de exibição), na barra de endereço oculta, ele ainda mostra um segmento de cor de plano de fundo em branco que é revelado e depois que você parar de rolar, renderiza o restante da imagem de plano de fundo.

Ainda está procurando uma maneira de manter a funcionalidade oculta da barra de endereço nativa (que agora foi expandida para o iOS Safari no iPad no iOS 8) e também possui uma imagem de plano de fundo em tela cheia que é sempre renderizada totalmente mesmo que a viewport mude de altura ao ocultar o endereço Barra. Começando a me perguntar se eu deveria apenas enviar relatórios de erros para todos os navegadores ...

questionAnswers(5)

yourAnswerToTheQuestion