JQuery scroll div.

[Evanescence]

Имам див:
<div id="messages"></div>
Със стил:

overflow-y: scroll;
width: 300px;
height: 200px;
border-radius: 3px;
border: 1px solid #ccc;

Когато получавам някакъв текст във този див. Скрола винаги е най-горе, мисълта ми е как при зареждането на документа със jquery да ми скроллне дива до долу ето кода който ползвам:

$('#messages').animate({scrollTop: $('#messages').prop('scrollHeight') }, 1000);

Само че го скроллва във цикъл, иначе го скролва до половината и до там (когато го използвам когато документа вече е заредил). Та въпроса ми е как още при зареждането на документа да ми скроллне дива до долу...?
Благодаря предварително.

 

[Fakeheal]

До края на пейджа (целия) или до края на това, което се вижда?

 

[gLaVoReZa]

Та въпроса ми е как още при зареждането на документа да ми скроллне дива до долу...?

Няма как, защото докато страницата зарежда, този DIV може още изобщо да не съществува. А няма как да се скролне нещо, което не съществува.

Всички скриптове се изпълняват след зареждането на страницата.

 

[Evanescence]

Имам див:
<div id="messages">
Когато тук е само текст се скролира само че въведа ли някакви падинги или други дивове във този див и скрола се обърква и го скроллва само до половината със jquery правя текста и дивовете да се аппендват във този див messages но скроллера се обърква нещо... и до половината го скролва
</div>