Здравсвуйте, хочу сделать чат с загрузкой прошлых диалогов на подобии ВКонтакте, чтобы прошлые диалоги загружались при прокрутки скрола вверх до упора. Есть чат, вот его НТМЛ код (схематично):
<h2>Чат</h2>
<div class="Chat">
<div class="dial"> Текст начало ... конец </div>
<div id ='scroll-id' class="dial"> Текст начало ... конец</div>
<div class="dial"> Текст начало ... конец</div>
<div class="dial"> Текст начало ... конец</div>
</div>
В выделены под чат блок, все диалоги не влазят
height:500px;
overflow: auto;
Требуется, чтобы скрол в начале был внизу. А при достижении верха прокрутки добавляет элементы с классном .ajax-exmpl и переносит скрол на диалог с #scroll-id.
Вот что я попытался сделать сам:
//Тут я задал 500 это произвольная максимальная величина, чтобы скрол опустить вниз
$(".dialogue").scrollTop(500);
//Загрузку блока ajax-exmpl тоже получилось сделать
var mz=$(".ajax-exmpl");
$('.dialogue').scroll(function(){
if ($(".dialogue").scrollTop() == 0){
mz.clone().prependTo(".dialogue") .show("slow"); //вставляем в блок dialogue
//Вот теперь сама проблема. я беру позицию '#scroll-id', но относительно верха монитора, а нужна позиция относительно блока .dialogue .
$chScrollPositions = $('#scroll-id').offset().top;
$(".dialogue").scrollTo('#scroll-id'); alert($chScrollPositions);
}
Функуцию "scrollTo" взял тут: https://github.com/flesler/jquery.scrollTo но она не сильно помогает :)