2016-06-01 4 views
0

Друзья Я делаю модуль чата ih PHP для этого мне нужен Div, содержащий разговор между пользователем. Используя jquery, я попытался привести свиток к нижней части div но он работает только вэнь содержимое в DIV является низким, когда он пересекает определенный предел прокрутки стоит прокрутки на середине пути, я приложил скрипку рабочего примера здесь,Прокрутка автоматически прокручивается только до половины DIV

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

если и копировать вставить следующие строки

<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> 

около 600 - 700 строк прокрутка остановится в середине, но мое требование - это прокручивать, даже если в нем есть 1000 записей.

+0

'скрипку рабочего примера': так в чем проблема то? :) – Arg0n

+0

@ Arg0n: если и скопировать вставьте вышеуказанное содержимое

alskdjg; j; jhe; he fkh

около 1000 строк останавливает прокрутку на полпути. –

ответ

0

Попробуйте заменить свой JavaScript с this:

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

Если я использую этот код, я получил обратный ответ, он переместился в верхнюю часть div, вместо этого прокручивая его вниз. $ ('. Chat_history'). Animate ({scrollTop: $ ('. Chat_history') [0] .scrollHeight}); –

Смежные вопросы