Настроить полосу прокрутки вниз

Я создаю небольшую систему обмена сообщениями/чатов, которая работает хорошо и прекрасно. Проблема в том, что <div>, на который выводятся сообщения, не прокручивается так, как мне нужно.

Все новые сообщения добавляются в нижней части div, и когда добавляется больше, и появляется полоса прокрутки, прокрутка остается в верхней части <div>. Мне нужно, чтобы это было отменено, так что прокрутка всегда придерживается нижней части <div>.

Хорошим примером того, что я хочу, будет Паровые окна чата или даже этот ввод текста, который я использую, чтобы заполнить вопрос.

Как мне хотелось бы избежать jQuery, это заставило меня полностью застрять. Если бы вы могли указать мне в правильном направлении, это было бы здорово! Я не уверен, что это может быть HTML и CSS, или если требуется JavaScript.

Ответ 1

Код Javascript, приведенный ниже, должен содержать вашу панель прокрутки div, расположенную внизу, как вы описали:

var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;

Это решение и дополнительную информацию можно найти по следующей ссылке: http://web.archive.org/web/20080821211053/http://radio.javaranch.com/pascarello/2005/12/14/1134573598403.html

Ответ 2

Я думаю, что это лучшее решение:

element.scrollTop = element.scrollHeight - element.clientHeight;