получить полосу прокрутки внизу при загрузке страницы с помощью Ajax или Jquery

Question

Вот простой мой код (это окно чата)

<div class="chat_container" style="height:380px; word-wrap:break-word; overflow-y:auto; overflow-x: hidden;">
  <div class="message">message1</div>
  <div class="message">message2</div>
  <div class="message">message3</div>
  ....
</div>

Я хочу, чтобы при открытии этой страницы полоса прокрутки (duv.chat_container) была внизу, а не вверху этого .chat_container. Вы можете помочь мне с этим? (возможно, некоторый код Ajax или Jquery)

Answer 1

Вы можете использовать функцию $ ('div.chat_container'). ScrollTop (), чтобы установить полосу прокрутки на высоту нужного элемента.

Помните, что положение прокрутки рассчитывается сверху, поэтому чем ниже полоса прокрутки, тем выше значение.

Как-то так должно работать:

var $container = $('div.chat_container');
$container.scrollTop($container.height());