AJAX чат, окно автоматической прокрутки

Question

Дублирование

Прокрутка переполненных DIV с помощью JavaScript

---

У меня есть чат AJAX, который выводит сообщения в div с переполнением: auto, поэтому, если он становится слишком длинным, появляется полоса прокрутки. Есть ли способ сделать так, чтобы он автоматически прокручивался вниз при каждом добавлении нового сообщения? Предпочтительно использовать jQuery?

Answer 1

это будет сделано со следующей строкой

$("#youChatDiv").attr({ scrollTop: $("#youChatDiv").attr("scrollHeight") });

для этого нужно установить прокрутку на высоту собственного элемента

просто звоните так с каждым новым сообщением:)

ура

Answer 2

Этот плагин Jquery поможет вам.

Демонстрационная страница плагина Jquery ScrollTo

Answer 3

Если каждое сообщение находится в отдельном элементе (div, абзац и т. Д.), Вы можете просто позвонить scrollIntoView

Answer 4

Свойство scrollHeight является идеальным, но оно не является частью W3C.

Для дальнейшего понимания посетите:

http://yelotofu.com/2008/10/jquery-how-to-tell-if-youre-scroll-to-bottom/