Publicado em 29 de ago.

Ir ao final da Barra de Rolagem em uma DIV

Olá Galera, Boa Tarde! Estou desenvolvendo um Chat, e estou encontrando dificuldade com o Javascript, com isso estou estudando num curso de JS Básico. Tenho uma Div que seria a Janela com a conversa com o usuário... No CSS coloquei overflow: auto. Então a minha dúvida, é se quando aparecer a janela (Ao entrar no site já aparece), a barra de Rolagem criada fosse direto no final (Rodapé) da Div (Invés de começar no inicio a Rolagem). Acredito que conseguia fazer isso em Javascript. Alguém poderia me ajudar?

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Marlon Pacheco· 29 de ago.

Buenas tchê.

Pode usar jQuery?

$(document).ready(function(){
 $("div").animate({ scrollTop: $('div')[0].scrollHeight}, "slow");
});

Um exemplo:

http://codepen.io/marlonlp/pen/fdEzx

jgustavo99· 29 de ago.

>
Buenas tchê.

Pode usar jQuery?

$(document).ready(function(){
 $("div").animate({ scrollTop: $('div')[0].scrollHeight}, "slow");
});

Um exemplo:

http://codepen.io/marlonlp/pen/fdEzx

Era isso mesmo Marlon, valeu! Mas uma ultima dúvida rsrsrs. Ao entrar no site, ele começa no topo e vai para baixo tipo um efeito. Não tem como ir direto para baixo sem esse "Efeito"?

Marlon Pacheco· 29 de ago.

$(document).ready(function(){

 $("div").scrollTop($("div")[0].scrollHeight);

});

jgustavo99· 29 de ago.

Valeu mesmo Marlon, me ajudou muito. Não sei como te retribuir muito obrigado cara! Tenho um amplo conhecimento em PHP Orientado a Objetos, MVC..., se precisar de algo também é só dar um toque :D