Considerem o seguinte exemplo que fiz aqui:
$("#add").click(function() {
$("#wrap ul").append('<li class="new">Teste</li>');
$("li.new").slideDown('slow', 'easeOutBounce');
});
http://jsfiddle.net/Wagner/4FQCK/5
Como podem reparar ao clicar no botão add
o jQuery cria um novo elemento li
na minha lista.. Até ai tudo certo.. Notem que eu defini um max-height
e um overflow: auto
no meu elemento wrap
. O problema é que ao adicionar vários elementos dentro da minha lista, a barra de rolagem do wrap
fica no meio dele, ao invés de se manter no bottom
como eu gostaria.. Então minha dúvida é essa, como eu faria para que quando um novo elemento fosse adicionado a barra de rolagem não suba (lembrando que o usuário ainda deve ter a opção de rolar a barra para cima caso ele deseje ver outros itens da lista).