Situação: Venho fazendo um mini-projeto html, e resolvi aplicar o efeito parallax no site aplicando um background-attachment: fixed; em certas imagens.
Problema: No mobile, há sempre a barra de configuração que se oculta quando rolamos o site para baixo e aparece quando rolamos para cima, fazendo com que o height mude constantemente.
Acontece que, visto que as imagens contém um efeito background-size: cover;, seu tamanho se adapta de acordo com o height.
Ou seja, toda vez que as imagens se refazem em relação ao height que também muda, há um desconforto que não deveria acontecer.
Para visualizar o problema basta abrir o meu projeto em um celular e rolar a tela sobre as imagens.
Obs: Realmente eu gostaria de saber se há uma solução em puro CSS para isso, talvez uma forma de manter o height do body fixo ignorando a barra de configurações que aparece e desaparece, preferível que não precise usar Js…
