Прокрутка переполненных DIV с помощью JavaScript
У меня есть чат AJAX, который выводит сообщения в div с переполнением: auto, поэтому, если он слишком длинный, появляется полоса прокрутки. Есть ли способ, чтобы он автоматически прокручивался вниз, когда добавляется новое сообщение? Предпочтительно использовать jQuery?
это будет сделано со следующей строкой
$("#youChatDiv").attr({ scrollTop: $("#youChatDiv").attr("scrollHeight") }); что это делает, устанавливается прокрутка к высоте собственного элемента
просто позвоните, чтобы с каждым новым сообщением 🙂
ура
Свойство scrollHeight является идеальным, но оно не является частью W3C.
Для дальнейшего понимания посетите:
http://yelotofu.com/2008/10/jquery-how-to-tell-if-youre-scroll-to-bottom/
Если каждое сообщение находится в отдельном элементе (div, paragraph и т. Д.), Вы можете просто вызвать scrollIntoView
Этот JQuery-плагин поможет вам.
Демоверсия JQuery ScrollTo