Tenho uma página que exibe mensagens e quero que funcione exatamente como o Facebook, mas sem o carregador lento. As mensagens são exibidas em ordem cronológica, a mais recente por último.

Minha lista de mensagens é inicialmente preenchida x número de mensagens mais recentes e a janela é rolada para baixo. Quando o usuário começa a ler o encadeamento, ele lê de baixo para cima. Se eles chegarem ao topo, poderão carregar mais mensagens ... Eu clico em um botão ... o Facebook tem um carregador lento. Novas mensagens são anexadas à lista.

Problem: À medida que as novas mensagens são anexadas, as mensagens existentes são pressionadas, fazendo com que o usuário perca seu local de "visualização". Como posso manter a posição de exibição atual do usuário ao adicionar novas mensagens? Por exemplo, abra um longo segmento de mensagens no facebook, role para cima, fazendo com que novas mensagens sejam adicionadas ... seu local de exibição não muda, mesmo que a posição de rolage