Как допилить прокрутку для чата AdminLTE?

Question

[Максим Тимофеев]

есть чат, верстка AdminLTE - https://almsaeedstudio.com/preview
Но у меня он в модальном окне.
Когда сообщений много - появляется скрол, хотел при открытии окна скролить вниз, но не могу вычислить высоту, вот потуги:

$('#modal-stage').on('shown.bs.modal',function(){
    var container = $(this).find('.direct-chat-messages');
    var end = $(this).find('.chat-end'); //это элемент вконце
    console.log(container.scrollTop()); //выводит 0
    container.animate({
        scrollTop: container.height()  //не то что нужно, так как height - это height видимой части контейнера
    },1000);
})

НУжен хелп

По сути надо вычислить высоту блока с overflow-y auto (в бутстраповкской модалке)

Comments

[OVK2015]

На https://almsaeedstudio.com/preview не достучаться,- чат в iframe
На https://almsaeedstudio.com/themes/AdminLTE/index2.html

var HeihtAmount = 0;
$('.direct-chat-messages .direct-chat-text').each(function(index, item){HeihtAmount += parseInt($(item).css('height'))})
$('.direct-chat-messages').scrollTop(HeihtAmount)

[Максим Тимофеев]

OVK2015: Была такая идея и впринципе не ожидается items более 20-30, но могут быть исключения с 100+. Скажите по опыту, насколько ресурсозатратная эта процедура выйдет?

[OVK2015]

Максим Тимофеев:

ресурсозатратная эта процедура выйдет

,- в смысле просуммировать высоту все сообщений? Легко проверить если запихнуть 100+ direct-chat-text в direct-chat-messages. По идее,- не очень. + Она разовая.
Мне другое кажется не совсем верным в этом случае: помещать в этот блок сразу все 100+. Это ж какой монстр в DOM получится,- его формирование намного больше напряжет браузер чем просчет высоты.

[Максим Тимофеев]

OVK2015: логично, спасибо

[OVK2015]

Максим Тимофеев: Не за что!

Answer 1

[Виктор]

$('.direct-chat-messages').scrollTop(99999999); Прокрутит до самого низа. Я так делаю в своих чатах.

Comments

[Максим Тимофеев]

спасибо