Uma das dores de cabeça mais comuns ao fazer CSS para dispositivos móveis é a implementação inconsistente, com erros e horrÃvel de position:fixed
;
Há muitos recursos explicando isso, então vou apenas lançar um monte de links em vez de escrever um novo post sobre isso.
O problema (iOS)
Problemas com rolagem de posição fixa no iOS – Remy Sharp
O problema (dispositivo cruzado)
Posição fixa móvel – Brad Frost
Como deve se comportar
… e funciona em navegadores móveis modernos:
Consenso inicial sobre posição móvel: fixo – Peter-Paul Koch (PPK)
Página de teste
Apenas CSS, nenhuma correção JS aplicada.
posição: página de teste fixa
O conserto’
Acho que quase todas as alternativas são explicadas na postagem de Brad Frost, então vou criar um link novamente para ela: