Posição fixa no celular

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:

Posição fixa móvel: soluções Javascript – Brad Frost

Posição fixa móvel: Considerações – Brad Frost