Отображение блока в самом низу?

Question

[Артем Гартунг]

Проблема заключается в следующем:

имеется функция

async function elUp(selector) {
  try {
    var html = await (await fetch(location.href)).text();
    var newdoc = new DOMParser().parseFromString(html, 'text/html');
    document.querySelector(selector).outerHTML = newdoc.querySelector(selector).outerHTML;
    return true;
  } catch(err) {return false;}
}

и код на js который отправляет данные на сервер, и получив их обрабатывает, и конечная его функция
elUp('.chat'); // Обновить блок div с классом chat

Суть проблемы: когда div обновляется чат открывается с самого начала, а нужно в конце.

Пробовал использовать вот это:

var chat = document.querySelector('.chat');
chat.scrollTop = chat.scrollHeight;

не помогает :( Подскажите пожалуйста, что можно сделать?

Comments

[Артем Гартунг]

szQocks, а при чем тут закрытие окна?

[Артем Гартунг]

szQocks, вопрос вообще в другом стоит и далеко не в модальном окне

[Модератор]

szQocks, склоку раздувать не надо. Старайтесь писать строго по теме. Если считаете, что есть нарушения - пользуйтесь штатными средствами ресурса, раздувать флейм обсуждения нарушений и тем более переходить на личности не надо.

[Lapita12]

Артем Гартунг,

async function elUp(selector) {
  try {
    var html = await (await fetch(location.href)).text();
    var newdoc = new DOMParser().parseFromString(html, 'text/html');
    var chat = document.querySelector(selector);
    chat.outerHTML = newdoc.querySelector(selector).outerHTML;
    
    chat = document.querySelector(selector);
    chat.scrollTop = chat.scrollHeight;

    return true;
  } catch(err) {return false;}
}

[Артем Гартунг]

Lapita12, Шикарно, спасибо большое, поставьте ответом данное, я помечу ваш вопрос как ответ

[Lapita12]

Артем Гартунг, Поставил

Answer 1

[Lapita12]

async function elUp(selector) {
  try {
    var html = await (await fetch(location.href)).text();
    var newdoc = new DOMParser().parseFromString(html, 'text/html');
    var chat = document.querySelector(selector);
    chat.outerHTML = newdoc.querySelector(selector).outerHTML;
    
    chat = document.querySelector(selector);
    chat.scrollTop = chat.scrollHeight;

    return true;
  } catch(err) {return false;}
}