滚动仅自动滚动到DIV的一半

Question

Friends I'm doing a chat module ih PHP for that I require a Div containing the conversation between the user , Using the jquery I tried to bring the scroll to the bottom of the div but it works only wen the content in the div is low , when it crosses certain limit the scroll stands scrolling on the mid way , I have attached the fiddle of working example here ,

http://jsfiddle.net/jPVAf/50/

if u copy paste the following lines

<p>alskdjg;j ;jhe ;he fkh</p>
<p>alskdjg;j ;jhe ;he fkh</p>
<p>alskdjg;j ;jhe ;he fkh</p>
<p>alskdjg;j ;jhe ;he fkh</p>
<p>alskdjg;j ;jhe ;he fkh</p>

about 600 - 700 lines the scroll will stop in the midway but my requirement is it should scroll even though there is 1000 of records with in it .

Answer 1

尝试更换您的JavaScript 这样 ：

$('div').animate({scrollTop: $('div')[0].scrollHeight});