Acompanhar div com overflow:scroll

[Naanzitos 0]

Estou desenvolvendo um chat pessoal para minha sala na faculdade, e tenho a seguinte situação: Uma div pai com a propriedade overflow: scroll, e dentro dessa div cada div filho carrega uma mensagem do banco de dados, só que quando você vai digitando, overflow entra em ação e as mensagens são carregadas pra baixo da div, o que eu quero é que o foco da tela sempre acompanhe esse scroll, de forma automática, pra não precisar ficar descendo toda a hora a barra de rolagem! Abraços! :kiss:

[thyquevedo 6]

Poste o site ou o código ai, mas talvez uma div com position:fixed possa resolver, mas teria que ver.

[Lucas Medina 17]

Olá, Naanzitos!

 

Poxa, pior que parece algo tão simples.

Geralmente as pessoas já saem procurando por soluções em JQuery pra esse tipo de coisa. Vê só como você pode fazer:

 

Pega o seu elemento em overflow:scroll, e siga com o Javascript abaixo:

var chat = document.getElementById('chat');
chat.scrollTop = chat.scrollHeight;

Isso vai pegar a tela atual do chat (que deve ter overflow:scroll), e mandar o scroll para a posição referente ao total.

 

Se você quiser, você pode incluir isso constantemente através de um setInterval, ou fazer uma função que atualize o scroll sempre que for enviada uma mensagem.

 

Espero que isso possa te ajudar ;)

Até!