var i1 = 800;
var x1 = $(".message:last").offset().top+$(".message:last").height();
$('.chat_messages').animate({scrollTop: x1}, i1);

<div  class="chat_messages">
<span class="name_user_in" >alvard</span>

<span class='message' >7</span>
<span class="name_user_in out_col" >vahan</span>
<span class='message' >message eq 5</span>
<span class="name_user_in" >alvard</span>
<span class='message' >6</span>
<span class="name_user_in out_col" >vahan</span>
<span class='message' >message eq 5</span>
<span class="name_user_in" >alvard</span>
<span class='message' >5</span>

<span class="name_user_in out_col" >vahan</span>
<span class='message' >message eq 5</span>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<button>add</button>
<div style="height: 200px; overflow: auto"></div>
<script>
$("button").on("click", function () {
	var div = $("div");
	div.append("<p>У меня такая проблема я создаю чат типа одноклассников все нормально кроме одного после того как и уходит сообщение нужно что div скролил вниз . Получается но после нескольких сообщений div скролит вверх а не вниз.</p>");
	div.get(0).scrollTop = div.get(0).scrollHeight;
});
</script>