JQuery div autoscroll только когда внизу div

Question

У меня есть приложение чата, которое автоматически прокручивается в нижней части div при получении нового сообщения. Это отлично работает, если вы не прокручиваете его, чтобы читать журнал, как при получении нового сообщения он возвращается назад. Мне нужно его прокручивать, только если положение прокрутки уже находится внизу и не уверен, как это сделать.

var scroll = $("div#log").prop("scrollHeight") - $('div#log').height() 
$("div#log").scrollTop(scroll) 

Любая помощь/предложение будет приветствовать и высоко оценил :)

Answer 1

Вы можете сделать это с $ (документ) .scrollTop() и window.innerHeight.

function appendMessage(message) { 
    if($(document).scrollTop() + window.innerHeight == $('body').height()) 
     /* append message and scroll */ 
    else 
     /* append message without scroll */ 
}); 

видеть мою скрипку: http://jsfiddle.net/sxR9j/

Answer 2

Вы должны иметь обработчик на событие прокрутки, чтобы проверить, действительно ли вы в нижней части свитка.

$("#mydiv").on('scroll', function() { 
    ... 
} 

Вы можете проверить, является ли вы или нет в нижней части свитки путем вычитания свойства scrollTop и clientHeight от собственности scrollHeight, см моей скрипки: http://jsfiddle.net/XS3kf/1/